一、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;
注意:属性可选,但顺序不能乱。