前言:很早就想些这篇文章了,但是自己一直懒,拖到现在才来总结
-
CSS书写顺序
-
1.位置属性
position
top
right
z-index
display
float
clear -
2.大小属性
width
height
padding
margin -
3.文字属性
font-size
line-height
letter-spacing
word-spacing
color
text-align -
4.背景属性
background
border
box-shadow -
5.其他属性
animation
transition
CSS缩写
margin—-上右下左
padding—上右下左
font—font : 是否斜体 字体粗细 字体大小/行高 字体样式
border—–宽,样式(solid,dashed,dotted),颜色
去掉小数点.
font-size: .8rem
颜色代码缩写
color: #fff;
注释规范
/*
@description: 这是什么文件的css
@author: xiaoD
update: xiaoD (2017-05-2 16:23)
*/
CSS命名规范
li-active ——- 规范
li_active ——-不规范
liActive ——–不规范
多个选择器换行
leftbar,
rightbar,
footer {
color: #fff;
}
0后面不要添加px
body,
html {
margin: 0;
padding: 0;
}
颜色尽量不要使用单词(十六进制转化为二进制速度更快)
减少id的使用
不要使用行内样式
链接书写顺序
a:link {
}
a:visited {}
a:hover {}
a: active: {}
为选择器添加状态前缀
is-right {
color: white;
}
is-false {
color: red;
}
CSS初始化
html, body, div, span