css积累

一、css书写规范：

1、书写顺序：

（1）位置属性(position，top，right，z-index，display，float等)；

（2）大小(width，height，padding，margin)；

（3）文字(font，line-height，letter-spacing，color-，text-，align等)；

（4）背景(background、border等)；

（5）其他(animation、transition等)；

2、使用css缩写属性：

（1）padding，margin，font等可以缩写；

3、去掉小数点前的“0”；

4、简写命名；

5、十六进制颜色代码缩写；

6、连字符css选择器命名要规范：

（1）长名称或词组可以使用中横线来为选择器命名；

（2）不能用下划线“_”来命名css选择器，一是因为一些浏览器不兼容，二是方便区分JavaScript变量；

二、元素属性应用：

1、font：

（1）主要属性：

font-family(字体族)：“黑体”、“宋体”等；

font-style(字体样式)：normal(正常)、italic(斜体)或oblique(倾斜)；

font-variant(字体变化)：normal(正常)或small-caps(小体大写字母)；

font-weight(字体浓淡)：normal(正常)或bold(加粗)等，有的浏览器支持100，200，···，900这9个数字；

font-size(字体大小)：可用不同单位表示，如12px，12pt，12em等；

（2）简化顺序：

font:font-style | font-variant | font-weight | font-size | font-height | font-family；

注意：属性可选，但顺序不能乱。