规划好CSS文件,组织好样式规则,而CSS样式的声明与属性的书写也很讲究。虽然属性与两个概念相比更简单,可是还有一些非常好的、能够保持规则整洁的方法很值得一提。
1.按字母顺序组织
对于属性书写来说,按属性的字母顺序进行排列,可以防止属性重复声明或被覆盖这种偶然事件的发生。例如,当某个选择符已被定义了很多声明,在页面更新时,忽然想为它添加一个margin属性,也许以前你已经声明了margin属性,但时间久了也就忘记了,在很长的样式代码中间,你可能也没有发现已经声明了margin属性。如果按照字母顺序排列,就很容易发现margin己被定义了两次,这个问题自然也就可以避免。这是一个细节问题,但在设计师的工作中这是很常见的“小臭虫”。
2.按主次关系组织
根据属性在布局中的重要性,建议读者也可以先声明布局属性,然后定义盒模型属嘩性,i最定义排版属性,具体地说:
第一步,如果需要的话先声明布局属性(确定元素的显示),例如可以先声明下面这些兰属性:display list-style position float clear等
第二步,如果需要的话再声明盒模型属性c确定元素的形状,例如龟可以声明下面这些属‘padding border background
第三步,如果需要的话最后声明版式属性f确定元素内容显示,例如可以声明下面这些属性:color font font-size font-weight font-family text-decorationtext-align vertical-align white-space等
这个顺序不是必须严格遵守的规范,读者完全可以根据个人习惯灵活把握。提出这样毕的建议目的是想告诉天津网站建设设计师:养成良好的属性声明顺序更利于CSS代码的优化和交流。
3.优先组织
当网站复杂、牵涉太多CSS文件时,会建立大量的附属关系。一旦需要定制某个元素赣特奄有的萎三!important选项似乎是最佳选择。!important能解一时之需,但最好搞清楚导致问题鱼的根源,然后根据级联关系决定是否真地需要用!important。当我们变得依赖CSS而使样式表日渐复杂时,就需要正确的计划来避免犯错,并使代码易于维护。既然完美无缺的方案并不存在,那么了解CSS的工作方式以及文件、选择符和属性的多种组织方案,无疑有助于我们写出优质的代码,经受住实践的考验。