css3部分知识点

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;