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;

css3部分知识点