欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

 初学web前端,CSS是很关键的一个知识点,为了帮助大家更好的理解CSS样式表。小编今天给大家整理了一些改善CSS样式表简单实用的方法,希望能帮助到大家!

1.结构

保持CSS结构清晰,不仅有助于保持CSS文件的简单,也利于日后的检查、更改。

web前端知识|让你更懂CSS的8个小技巧

web前端知识|让你更懂CSS的8个小技巧

2.保持简洁

保持代码简洁,可以大幅减小CSS文件的大小。

web前端知识|让你更懂CSS的8个小技巧

web前端知识|让你更懂CSS的8个小技巧

3. Padding vs. Margin

对于浏览器来说,Margin是兼容性最差的一个属性。因此,只要条件允许,应该尽可能的使用Padding属性。

4.整合

在下面的例子中定义了一个公共的Class,来代替不同的地方都要用到的相同的代码:color:grey。

web前端知识|让你更懂CSS的8个小技巧

5.注释

在适当的位置加入一条简单的注释,不仅有助于你了解代码,其他人也可以很好的理解你的代码。

web前端知识|让你更懂CSS的8个小技巧

6.验证

最好对已经创建好的CSS文件进行验证,这样可以帮助你找到文件中存在的错误。

7.避免在XHTML中使用样式

不要在Xhtml代码中使用样式,这样不仅会增加网页文件的大小,而且也会使代码混乱,变复杂。

web前端知识|让你更懂CSS的8个小技巧

8.命名

使用标准的可以从字面上正确理解的ID和Class名称,而不仅仅是代号。

web前端知识|让你更懂CSS的8个小技巧

 

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/jiqiao/j50689.shtml