分享div+css前端命名的法则

我们在开发CSS+DIV网页的时候，比力困惑和纠结的事就是CSS命名，特殊是新手不知道该怎样命名，经常感受到词穷，接下来就和大家讲讲div+css前端命名的规则，需要的伴侣可以参照 一下，但愿对你有所帮忙。

前端规划标准细则

一、命名标准：

1、根本要求：

1）文件编码统一使用 UTF-8 编码；

2）命名时以相符语义为主要参照 目标，CSS属性书写标准，采纳统一风格及命名办法；

3）构造清楚，层级关系晴朗，以不超越三级为标准；

4）统一展现情势的样式要求可反复利用，模块组件类的样式要求可团体外部移植；

5）编写 CSS 的时候，应当幸免使用CSS Hack，能不消则不消。

6）所有页面默许都针对Firefox 等最接近标准的阅读器停止设计，然后使用 IE 特有前提注释功效停止针对性批改。

7）请使用英文停止命名，尽量幸免使用拼音。命名要求具有可读性，尽量幸免使用缩写。命名虽然同意数字，但应尽量幸免使用数字命名。

2、命名办法 要求采纳统一的命名办法。常用命名办法有：

1）连写式命名法，如：helloworld

2）中线命名法，如：hello-world（当前采纳此办法的较多，倡议采纳）

3）下划线命名法，如：hello_world

4）骆驼命名法，如：helloWorld

5）帕斯卡命名法，如：HelloWorld

6）其他办法。

3、样式文件命名标准 如：

全局的：global.css；

主要的：master.css；

规划、版面：layout.css；

专栏：columns.css；

文字：font.css；

打印样式：print.css；

主题：themes.css；

补丁：pacth.css；

格局化阅读器：base.css等。

4、ID及Class命名常用名称

页头：header

登录条：login-bar

标记：logo

侧栏：side-bar

广告：banner

导航：nav

子导航：sub-nav

菜单：menu

子菜单：sub-menu

搜索：search

滚动：scroll

页面主体：main

内容：content

标签页：tab

文章列表：list

提醒信息：msg

小技巧：tips

栏目标题：title

参加：joinus

指南：guild

效劳：service

热点：hot

新闻：news

下载：download

注册：regsiter

状态：status

按钮：btn

投票：vote

合作伙伴：partner

友谊链接：friendlink

版权：copyright

外衣：wrap

页足：footer

标题：title

顶导航：top-nav（mini-nav）

以上就是分享div+css前端命名的规则的具体内容，更多请关注百分百源码网其它相关文章！