css 书写技巧 CSS 技巧教程

文章标题：《nettuts带来的五个CSS书写技巧及其中心思想详解》

一、CSS Reset（重置）

在编写CSS时，首先需要进行CSS重置，这是为了确保不同浏览器之间的样式一致性。你可以借鉴Eric Meyer Reset或YUI Reset等现成的CSS重置方案，但需要根据你的项目需求进行个性化调整。需要注意的是，不建议使用{margin: 0; padding: 0;}这样的全局重置，因为它可能会对一些元素的默认样式造成影响，如单选按钮。

二、按字母顺序排列CSS

在书写CSS时，是否按字母顺序排列属性并没有太大的差别，但对于寻找特定属性时可能会更方便。例如，对于同一个选择器，按照字母顺序排列可能会更利于阅读和维护。

三、更好的组织CSS结构

为了更清晰地管理CSS代码，可以使用注释来分组不同的样式。例如，通过注释将重置样式、布局样式等分组，这样可以使代码结构更加明了，同时也方便协同设计。

四、保持一致性

在编写CSS时，不必过于纠结每个选择器的属性是否应该写在一行还是分开写。选择你喜欢的风格即可。为了确保团队之间的代码风格统一，可以使用w3c验证工具来自动转换格式。

五、先标记后CSS

这一技巧强调的是在编写HTML标记后再进行CSS样式的编写，这样可以减少出错的可能性。在创建一个页面时，先构建基本的HTML结构，然后针对每个元素进行样式化。要善于使用子选择器，避免为每个元素都创建单独的选择器，这样可以简化代码并提高可维护性。

以上五个技巧可以帮助你更有效地编写CSS代码。从CSS Reset到组织结构和保持一致性，每个技巧都有其独特的价值。理解并应用这些技巧，可以使你的CSS代码更加清晰、易读、易维护。要注意在实际项目中根据具体情况灵活应用这些技巧，以达到最佳的效果。在编写HTML标记后再进行CSS样式的编写，可以减少错误并提高开发效率。