书写规范
CSS书写顺序
1.布局定位属性:
display/position/float/clear/visibility/overflow
2.自身属性:
width/height/margin/padding/border/background
3.文本属性:
color/font/text-decoration/text-align/vertical-align
4.其他属性:
content/cursor
页面布局的整体思路
1.先确定版心宽度
2.分析页面中的行模块,以及每个行模块的列模块,之后确定列的位置
3.一行中列模块经常浮动布局,先确定每个列的大小,之后确定列的位置
4.制作htmL结构,遵循先有结构后有样式的原则。
导航栏
实际开发中不会直接用链接a而是用li包含链接(li+a)的做法
导航栏一行显示,给li加浮动,因为li是块级元素,需要一行显示
nav导航栏可以不加宽度,将来可以继续添加其它文字
因为导航栏里面文字不一样多,所以最好给a左右padding撑开盒子而不是指定宽度