css3部分知识点
分类:
文章
•
2024-06-25 07:57:04
css3知识点
transform:rotate(值) 是选转的意思
border-radius:值; 圆角
box-shadow:值;有四个值,前三个值是表示方位,后一个值是表示颜色的
background-image:url(图片地址);设定背景图片
background-position:值(或左右);背景图定位;
background-repeat:no-repeat; 设置背景图补平铺;
background-size:值(有2个值)可以是100% 100%;设置背景图大小;
渐变属性
线性渐变(Linear Gradients)- 向下/向上/向左/向右/对角方向
径向渐变(Radial Gradients)- 由它们的中心定义
语法:background-image: linear-gradient(#e66465, #9198e5);
()中的值是颜色,是俩个值
background-image: linear-gradient(to right, red , yellow);这是从左到右 如果是从上到下就是to bottom
给文本或盒子添加阴影
text-shadow: 5px 5px 5px #FF0000; 给文字添加阴影 有4个值
box-shadow: 10px 10px 5px #888888; 给盒子添加阴影 有4个值
字体样式
语句:font-family: myFirstFont;
