CSS书写规范以及命名规则

前言：很早就想些这篇文章了，但是自己一直懒，拖到现在才来总结

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