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

概述分享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前端命名的规则全部内容，希望文章能够帮你解决分享div+css前端命名的规则所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。