如何改良你的CSS代码编写结构

如何编写具有良好结构的CSS？如果在设计流程中缺乏"秩序"或"章法"是非常不利的，你得冒着风险去添加、更改、删除CSS或其属性，如此在你的最终成果中得到的将只有混乱的代码和大量未使用的元素。所以我建议在你动手编写CSS代码之前，先把你的网站的所有区块都在草稿里画出来，然后依照下面的简单规制优化你的工作：

1.简洁扼要 —— 切忌枝繁叶茂、东修西补

避免使用任何非必需的元素！两个<div>层就可以达到目的那就不要用三个。如果你觉得得用很复杂的CSS才能完成一个特定的设计结构，那你可能在某些地方犯了错误，尝试用其他的方式来实现它。通常情况下事情都是很简单的，复杂的是我们自己。

2.易于辨识 —— 让阅读和管理都更容易一些

缩进你的代码以强调依赖关系的CSS元素，使用空白和注释分割不同逻辑的代码块。使用如下所示的简洁的，行内的注释：

没有什么理论强行规定或可以解释一个ID为何要取名为#column-left，事实上此处取名为#column-left也有欠妥当，用#content-side会更好些，如此就不必担心因布局的变动而产生歧义，比如把当需要把#column-left 列移到右边时。

3.条理清晰 —— 不断的总结和改进自己的编写习惯

要习惯用同样的名字标识相同的区块，如#logo、#navbar、#footer等。给不同类型的类分组并按字母循序排列CSS属性可以提高代码的可读性。一旦你在设计中发现一些更好的方法或技巧，就应该多多运用以求巩固进而形成习惯。这样代码会变得越来越熟悉，越来越容易管理，而你也会写得越来越快。