这篇文章向大家介绍了轻松编写CSS的技巧，内容非常详细。感兴趣的朋友可以参考一下，希望对你有所帮助。
书写CSS简单实用的8个技巧
本文主要帮助刚接触CSS的朋友。通过这篇文章，我们可以帮助你更好地理解CSS。
1.结构
保持CSS结构的清晰，不仅有助于保持CSS文件的简洁，还有助于以后的检查和修改。
不建议这样做：
身体
{ margin-top :5 px；字体系列：Arial，Helvetica，无衬线；font-size :14 px；color : # 3b 5f 83；}推荐此文：
身体
{ margin-top :5 px；字体系列：Arial，Helvetica，无衬线；font-size :14 px；color : # 3b 5f 83；}2.保持简洁
保持代码简单可以大大减少CSS文件的大小。
不推荐：
padding-top :10 px；填充-右侧：5 px；可以缩写为：
padding:10px5px003.Paddingvs.Margin
边距是浏览器兼容性最差的属性。因此，只要条件允许，就应该尽可能多地使用Padding属性。
4.整合
在下面的示例中，定义了一个公共类来替换不同地方使用的相同代码：color:grey。标题-内容{ font-size；12px颜色：灰色；}.body _ content { font-size :12 px；颜色：灰色；}.footer _ content { font-size :11 px；颜色：灰色；}其实可以这样：
* { color:grey}.body _ content { font-size :12 px；}.footer _ content { font-size :11 px；}5.注释
在正确的地方添加一个简单的注释不仅可以帮助您理解代码，还可以帮助其他人很好地理解您的代码。
/*在这里，网站www.zdbase.com*/
6.验证
* * *验证已经创建的CSS文件，这可以帮助您找到文件中的错误。
7.避免在XHTML中使用样式
不要在Xhtml代码中使用样式，这样不仅会增加网页文件的大小，还会使代码变得混乱和复杂。例如，不建议执行以下操作：
styledivstyle=’ color : red padding 336020 px ‘ H3这种风格的方法对8.命名. H3区不好
使用可以从字面上理解的标准标识和类名，而不仅仅是代码名。
不建议采用以下方式：
. a1 { color:grey} . B1 { font-size :11 px；}推荐此文：body _ content { color:grey}.foot _ content { font-size :11 px；}我希望在这里分享一些关于轻松编写CSS的技巧
内容来源网络，如有侵权，联系删除，本文地址：https://www.230890.com/zhan/81293.html