CSS样式书写规范

编码设置

必须在CSS所有字符的前面(包括编码注释),@charset才会生效。设置CSS文件的编码格式为UTF-8编码,写在CSS文件最前面。

/* 字符编码 */
@charset "utf-8";

数值与单位

当属性值或颜色参数为 0 - 1 之间的数时,省略小数点前的 0 。

color: rgba(255, 255, 255, .5);

当长度值为 0 时省略单位。

margin: 0 auto;

十六进制的颜色属性值使用小写和尽量简写。

color: #fc0;

避免使用!important

除非极其极其特殊的情况,否则绝对不要使用!important,因为它的存在会给后期维护以及多人协作带来噩梦般的影响。
当存在样式覆盖层叠时,如果你发现新定义的一个样式无法覆盖一个旧的样式,只有加上 !important 才能生效时,是因为你新定义的选择器的优先级不够旧样式选择器的优先级高。所以,合理的书写新样式选择器,是完全可以规避一些看似需要使用 !important 的情况的。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值