1. width 设置宽度
2. height 设置高度
3. font-size 设置文字大小
4. color 设置文字颜色
5. line-height 设置文字行高
6. font-weight 设置文字粗细
7. font-family 设置字体
8. letter-spacing 设置文字之间的间距
9. font-stretch 设置文字斜体
10. display 设置标签是行元素还是块元素
inline 行元素
block 块元素
inline-block 行内块元素
none 元素消失
11. background 设置背景
background设置在background-color之前
image设置背景图片background—image:url(‘’);
color设置背景颜色backgroung-color:;
repeat背景图片是否重复background-repeat
size背景图大小,background-size:80px 90px;
position设置背景图片位置
background-position-x:水平居中
background-position-Y:上下居中
background-position:center;上下左右居中
12. 颜色三种写法
1)十六进制 #rrggbb红绿蓝
2)英文单词
3)rgb(0,0,0)0-255
4)rgba a(0-1)透明度
13. border 设置元素边框
border:1px solid #000;
solid实线 dotted点线 dashed虚 none隐藏边框 ;
14. margin 外边距
margin:0 auto;上下为0,左右居中(行元素不能用,只能使块元素居中)
块标签 相邻盒子间 如果都设置重复区域的外边距 以最大外边距为准
行标签 相邻盒子间 如果都设置重复区域的外边距 实际间距为两个外边距相加
15. padding 内边距
16. text-align 设置文字或行元素排列方式
center 居中
left 左对齐
right 右对齐
17.vertical-align 设置纵向的排列对齐方式
baseline默认值
top 以顶端为基准
middle 以中心线为基准
bottom 以底部为基准
sub 使元素变成下标
super 使元素变成上标
百分数值--以0为基准,大于0偏上,小于0偏下
具体数值--作用等同于百分数值
18. transition 时间属性 让过渡更柔和
transition:0.7s;
19. overflow:hidden; 超出隐藏
20. box-shadow:; 向div元素添加阴影
box-shadow:1px 2px 3px 4px #fff insert;
水平阴影(大于0)往右;垂直阴影(大于0)往下;模糊度;阴影大小;颜色;insert内阴影,不写外阴影
最少写两个参数,记得加颜色