推荐的CSS定义顺序

#CSS

摘录自《Web设计与创新思维——用CSS、DOM脚本和XHTML进行Web设计创新》

我发现在CSS的规则定义(rule block)中,将属性按照一定的次序排列是很有帮助的。特别是在浏览器测试阶段中检查和调整样式表单(style sheet),或是在网站发布后不得不做出调整的时候。以下是我较喜欢的次序:

显示方法(dispaly:或者float);

背景设置;

定位方法(position);

位置(x,y);

宽度、高度

“外边距”、“内边距”;

颜色;

文字设置(字体、行高、对齐);

边框。

这又是一个多快好省的简单方法,应该能让你的工作更轻松一点。在标记和样式中所加入的任何能带来结构次序的东西,总会给你带来回报。