CSS书写规范

声明：本人的所有博客皆为个人笔记，作为个人知识索引使用，因此在叙述上存在逻辑不通顺、跨度大等问题，希望理解。分享出来仅供大家学习翻阅，若有错误希望指出，感谢！

CSS属性书写顺序(重点)

建议遵循以下顺序：

• 布局定位属性：display / position / float / clear / visibility / overflow（建议 display 第一个写，毕竟关系到模式）
• 自身属性：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 / background:linear-gradient …

布局流程

为了提高网页制作的效率，布局时通常有以下的布局流程，具体如下：

• 必须确定页面的版心（可视区）， 我们测量可得知

• 分析页面中的行模块，以及每个行模块中的列模块。其实页面布局，就是一行行罗列而成

• 制作HTML结构。我们还是遵循，先有结构，后有样式的原则。结构永远最重要

• 然后开始运用盒子模型的原理，通过DIV+CSS布局来控制网页的各个模块