繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > CSS 选择器命名规范化
- CSS样式表
- CSS网页布局学习之Font-size的妙用
- CSS实例教程：网页区块中标题右侧更多
- CSS教程(1)：学习CSS背景相关知识
- CSS教程(4)：通过实例学习CSS背景
- CSS教程(5)：通过实例学习CSS背景
- 极酷的三层分离的标准滑动门导航菜单
- 网页版Firebug
- CSS实例：CSS实现的等高网页布局
- CSS教程：CSS3圆角属性
- CSS教程:制作对用户友好的站内搜索表单
- IE盒子模型和标准W3C盒子模型
- CSS外边距叠加的问题,CSS教程
- IE8的一些有趣的新功能
- CSS高级技巧:滑动门技术
- CSS设计网页边框的几个实例
- 雅黑字体对IE中的网页布局的影响
- CSS技巧：改善代码可读性并简化代码管理
- 吸引用户点击的按钮设计以及网页按钮实例
- CSS实例:超酷的网站导航按钮
- CSS实例:创建一个鼠标感应换图片的按钮
CSS样式表 中的 CSS 选择器命名规范化
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 119 ::
收藏到网摘: n/a
规范的命名也是Web标准中的重要一项，标准的命名可以更好的看懂代码，我想大家应该都有这种经历，某日翻出自己过去写的代码居然看不懂了，呵呵，为了避免这种情况我们就要规范化命名，再说了，现在一个项目不是一个人就可以完成的，是需要大家互相合作的，如果没有规范化命名，别人就无法看懂你的代码，大大降低了工作效率，所以必须规范化命名，这样还显着咱专业！
好了不多说了，关于CSS命名法，和其他的程序命名差不多，也是有三种：骆驼命名法，帕斯卡命名法，匈牙利命名法。
【骆驼命名法】
说到骆驼大家肯定会想到它那明显的特征，背部的隆起，一高一低的，我们的命名也要这样一高一低，怎么才能这样，就用大小写字母呗~，大写的英文就相当于骆驼背部的凸起，小写的就是凹下去的地方了，但是这个也是有规则的，就是第一个字母要小写，后面的词的第一个字母就要用大写，如下：
- #headerBlock
- .navMenuRedButton
【帕斯卡命名法】
这种命名法同样也是大小写字母混编而成，和骆驼命名法很像，只有一点区别，就是首字母要大写，如下
- #HeaderBlock
- .NavMenuRedButton
【匈牙利命名法】
匈牙利命名法，是需要在名称前面加上一个或多个小写字母作为前缀，来让名称更加好认，更容易理解，比如：
- #head_navigation
- .red_navMenuButton
以下为于页面模块的常用命名
头：header
内容：content/container
尾：footer
导航：nav
侧栏：sidebar
栏目：column
页面外围控制整体布局宽度：wrapper
左右中：left right center
登录条：loginbar
标志：logo
广告：banner
页面主体：main
热点：hot
新闻：news
下载：download
子导航：subnav
菜单：menu
子菜单：submenu
搜索：search
友情链接：friendlink
页脚：footer
版权：copyright
滚动：scroll
内容：content
1）盒子模型
2）内链元素VS块状元素
评论 (0) All
