CSS样式怎样命名才规范,css命名规则大全

 时间:2024-10-12 01:45:49

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

工具/原料

CSS命名规范

CSS的命名规则

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

CSS样式怎样命名才规范,css命名规则大全

CSS属性书写顺序

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

CSS样式怎样命名才规范,css命名规则大全

CSS属性缩写

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

CSS样式怎样命名才规范,css命名规则大全

去掉0和简写

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

CSS样式怎样命名才规范,css命名规则大全

不要滥用id选择器

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

CSS样式怎样命名才规范,css命名规则大全

CSS文件名命名规则

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

CSS样式怎样命名才规范,css命名规则大全
  • 网页中如何图片的显示/渐隐效果
  • Dreamweaver5中怎样移动css样式??
  • 如何应用Dreamweaver的智能提示
  • dreamweaver cs6设置滚动字幕的操作
  • dreamweaver怎样基于选定内容创建库项目
  • 热门搜索
    和谐校园手抄报 关于诗的手抄报 小学生手抄报大全 数学手抄报版面设计图 感恩父母手抄报图片 2020鼠年手抄报 元宵节手抄报图片大全 欢庆六一手抄报资料 中国梦 手抄报 元宵手抄报简单又漂亮