亿天网

技术教程、前端开发、后端开发、数据库管理

文章41075
阅读144397

热评文章

首页前端设计 CSS 正文内容

css命名规范怎么记 css 命名规范

钟逸 CSS 2024-03-27 23:00:11 15

div+CSS的命名规则?

DIV+CSS样式表命名不能随意而为，否则以后进行维护时困难很大。如同软件开发中对类名的仔细处理一样，DIV+CSS样式表命名也需要遵循规则。

一般公司开发都是给技术员一本网站前端开发规范，里面详细的说明了各个命名的规则等相关的问题。

也可以使用类型+变量名称的规则来命名，比如写一个红色字体的class，可以.f_red {}（f是font 字体的缩写）。总之原则是：大小写、_、缩写，大大增强代码的可读性。

最好有意义，比如说给一个DIV加上ID，这样命名为好：（div id=div1/div）或（div id=adiv/div）这样命名，以后看CSS代码时，大概就能知道，哪个是给DIV加的CSS了。不知道是不是回答了你的问题。

对于CSS样式的命名规则，建议用字母、_号工、-号、数字组成，必须以字母开头，不能为纯数字，为了开发后样式名管理方便，大家请用有意义的单词或缩写组合来命名，让同事一看就明白这样式大概是哪一块的，这样就节省了查找样式的时间。

常用CSS命名参考资料在XHTML中定义ID时都用得上，主要是方便CSS定义样式时能一眼看穿。所以，CSS命名仅作参考。

CSS布局命名规范

通过统一的命名规范定义命名的范围，成为CSS class & id命名空间。布局：以语义化的单词layout作为命名空间，例如主栏布局命名 layout-main，只改变layout-命名空间后面的命名，layout始终保留。布局的命名空间为layout-xxx。

css样式的类名或者相关的ID名也是需要一定的规则，这样有利于前台和后台的交互。一般公司开发都是给技术员一本网站前端开发规范，里面详细的说明了各个命名的规则等相关的问题。

在XHTML中定义ID时都用得上，主要是方便CSS定义样式时能一眼看穿。所以，CSS命名仅作参考。

这次给大家科普一下css中id选择器的命名规则有哪些，给CSS中ID选择器命名的时候有哪些注意事项，下面就是总结，一起来看一下。

css命名规则

1、@import main.css；这样就可以在IE4中也隐藏CSS了，呵呵，还节省了5个字节呢。

2、大小写敏感只能包含[a-zA-Z0-9]、-，其中不能以、-、0-9开头在CSS的命名规范中，名称不能以数字开始，只能以字母、连字符、下划线开始。之后可以是字母、连字符、下划线或数字。

3、对于CSS样式的命名规则，建议用字母、_号工、-号、数字组成，必须以字母开头，不能为纯数字，为了开发后样式名管理方便，大家请用有意义的单词或缩写组合来命名，让同事一看就明白这样式大概是哪一块的，这样就节省了查找样式的时间。