CSS属性书写顺序（建议）

1. 布局定位属性
2. 自身属性
3. 文本属性
4. 其他属性（如：CSS3）

页面布局整体思路

1. 确定版心
   内容中心区域（可视区）
   我们需要留意其宽度（有一般固定值）
2. 分析模块（行模块——每行的列模块）
3. 永远遵循先结构后样式

• 通配符选择器 先清除margin、padding等
• body样式
• 版心确定好了，可以先写一个公共类给版心区域的标签调用
• 头部制作，头部一般有导航栏，在实际开发中，a标签一般用（li+a）的组合
  理由是 1 为了语义化 2 防止搜索引擎误判堆砌关键字而降权

续（一）定位position和z-index

• 静态定位static（不常用）
• 粘性定位sticky（兼容性差）
• 相对定位relative
• 绝对定位absolute
• 固定定位fixed

常用的有相对定位relative 绝对定位absolute 固定定位fixed
后面两种都是脱标的，即脱离标准流
绝对定位absolute有一口诀
子绝父相
固定定位fixed的常用技巧
固定定位在版心右边

  left: 50%;
  margin-left: 版心宽度一半

绝对定位absolute的常用技巧
绝对定位的盒子居中问题采用以下方法：
left或top50%再用margin-left或margin-top调整
固定定位同理

• z-index
  数值越大 盒子越靠上

  z-index: 10;
  z-index: 0;
  z-index: -1;
  

• 定位特性
  如果行内元素设了 绝对定位absolute或者固定定位fixed 即脱标的行元素 可以直接给宽高
  如果块元素设了 绝对定位absolute或者固定定位fixed 宽高时根据内容大小给的