编写CSS代码良好习惯介绍

本文分享了关于CSS样式设计的六大原则:保持一致性、注释标题与日期、使用有意义的命名规则、避免下划线使用连字符、避免重复定义样式、保持页面整洁。通过遵循这些原则,可以提高代码的可读性和维护性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、保持一贯性

      保持连贯性,而不是想到什么就给id和class命名什么。

      首先声明通用的部分的样式,然后继续声明不通用的。这样当你需要的时候更容易的去覆盖一个特定的样式。因为样式更易于阅读和更具逻辑性,你会发现编写CSS更迅速。

2、注释标题,日期

      当样式被重写的时候遇到问题,可以很方便的找到是原始样式的编写者。

3、使用有用的命名规则

      CSS的优点之一就是让内容现实不同风格能力。你重构网站的时候,完全可以只是修改CSS而不去修改HTML。

      因此,不要让因为CSS的名字而局限。给位置或者样式以固定的命名方式。如命名一个叫.link-blue的class将会让你麻烦不断,当客户要求你讲链接的蓝色改成橘色的时候将会让你的样式变的很凌乱不堪。

4、使用连字符而不使用下划线

      有些比较老的浏览器对取得带下划线的CSS会出现问题,或就是不支持下划线。

因此为了让代码拥有更好的向后兼容性,培养使用连字符成为一个习惯。使用#col-alpha而别使用#col_alpha。

5、避免重复定义

      重复的属性尽可能避免重复定义,而需要分组定义元素的属性。如果您的h1和h2元素都是使用相同的字体大小、颜色、和边框等,他们完全和可以合并成组定义。

6、保持页面的整洁性

      不要把所有的样式都写在一个样式表当中,通用的与经常修改的要分开单独样式表,只有这样才会保证样式的整洁性和可管理性。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值