html中css中文命名,css样式怎么命名才规范?

做前端开发的朋友都知道css,但是好多人还不知道css怎样命名才算是规范的,其实css命名规范有很多版本,看自己对哪种比较适合或者说习惯,下面本篇文章就来介绍一下CSS样式怎样命名才规范。

f75eda164b917166827dbffa201efa43.png

CSS的命名规则

首先来说,css的命名一定要有意义,那么css的命名格式有要求吗?这里介绍三种形式,可以用连字符或者下滑线,也可以用驼峰命名形式,举例:.title-my或者.title_my或者.titleMy。当然如果是其他形式,只要看的明白也可以。

4d6a5299017bae63d26488fd0b4efb21.png

CSS属性书写顺序

css属性的书写顺序也是很有必要的,这样我们修改起来也方便,下面的例子是一个参考。

1ab0c1cdddfc1b7556ad7c686e48f27e.png

CSS属性缩写

在css的属性中,有些事可以缩写的,这样不仅代码少了,而且速度也可以提高。比如margin、padding、background等属性都可以进行缩写。

7d86fa173c5569cd4e3fd9c0e434241f.png

去掉0和简写

有些值是0,这时候我们可以省略后面的px单位,有时候是零点几,这时候我们可以省略这个零。再简写class名称的时候一定要让其他人看得明白。

43fca3c04bdbf0cf4c2b681c4b2d1f94.png

不要滥用id选择器

有很多新手经常用id选择器,其实这是不好的习惯,id选择器一定要慎重使用,最好用class选择器,当感觉这个模块唯一的时候才选择用id选择器,一般id都留给js使用。

f3216029d3df90059ce67021fe9b440f.png

CSS文件名命名规则

还有就是css文件名的名称也有规则,我们可以按照功能给css文件名来命名。

ef90c894d24484c4dd01bfdcc8aa9a75.png

更多web前端知识,请查阅 HTML中文网 !!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值