今天小编跟大家讲解下有关五条准则帮你写出可维护的css代码 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关五条准则帮你写出可维护的css代码 的相关资料,希望小伙伴们看了有所帮助。
一、在样式表开头添加一个注释块 用以描述这个样式表的创建日期、创建者、标记等备注信息。 复制代码代码如下: Example Source Code: 二、包括公用颜色标记 复制代码代码如下: Example Source Code: 三、给ID和Class进行有意义的命名 不推荐的命名方式: Example Source Code: 复制代码代码如下: .green-box { ... } #big-text { ... } 推荐使用的命名方式: Example Source Code: 复制代码代码如下: .pullquote {... } #introduction {... } 四、将关联的样式规则进行整合 Example Source Code: 复制代码代码如下: #header { ... } #header h1 { ... } #header h1 img { ... } #header form { ... } #header a#skip { ... } #navigation { ... } #navigation ul { ... } #navigation ul li { ... } #navigation ul li a { ... } #navigation ul li a:hover { ... } #content { ... } #content h2 { ... } #content p { ... } #content ul { ... } #content ul li { ... } 五、给样式添加清晰的注释 Example Source Code: 复制代码代码如下: #header { ... } #header h1 { ... } #header h1 img { ... } #header form { ... } #navigation { ... }来源:爱蒂网