1.1 CSS属性书写顺序
建议顺序：
- 布局定位属性：display/position/float/clear/visibility/overflow
- 自身属性:width/height/margin/padding/border/background
- 文本属性：color/font/text-decoration/text-align/vertical-align/white-space/break-word
- 其他属性(CSS3)：content/cursor/border-radius/box-shadow/text-shadow/...
1.2网页布局整体思路
- 必须确定页面的版心（可视区），测量可知
- 分析页面中的行模块，以及每个行模块中的列模块，页面布局第一准则
- 一行中的列模块经常浮动布局，先确定每个列的大小，之后确定列的位置，页面布局第二准则
- 制作HTML结构，遵循先有结构，后有样式的原则，结构永远最重要
- 所以，先理清布局结构，再写代码尤为重要，这需要我们多些多积累
1.3确定版心
页面版心是1200像素，每个版心都要水平居中对齐，可以定义版心为公共类
.w{
width:1200px;
margin:auto;
}
导航栏注意点：
实际开发中，不会直接用链接 a 而是用 li 包含链接（li+a）的做法。
- li+a 语义更清晰，一看就是有条理的列表型内容。
- 如果直接用 a，搜索引擎容易辨别为有堆砌关键字嫌疑（故意堆砌关键字容易被搜索引擎有降权的风险），从而影响网站排名。
- 让导航栏一行显示，给
li加浮动，因为 li 是块级元素，需要一行显示。 - 这个 nav 导航栏可以不给宽度，将来可以继续添加其余文字。
- 因为导航栏里面文字不一样多，所以最好给链接 a 左右 padding 撑开盒子，而不是指定宽度。
- 浮动的盒子不会有外边距合并的问题。
