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;

注意:属性可选,但顺序不能乱。














发布了12 篇原创文章 · 获赞 4 · 访问量 1万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章