cssdiv网页设计常用命名规范

《cssdiv网页设计常用命名规范》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、Css/div一些页面设计常用命名规范一览任何代码编程都有各自特点的常用命名规范，div+css页面设计也不例外。遵守常用的css命名规范有利于代码的升级和扩展，也有利于让别人读懂你的css代码，让你的页面显得清晰有条理。css文件名命名规范·模块：module.css·基本共用：base.css·布局、版面：layout.css·主题：themes.css·专栏：columns.css·文字：font.css·表单：forms.css·补丁：mend.css·打印：print.css页面结构元素div命名规范·头：header　　·内容

2、：content/container　　·尾：footer　　·导航：nav　　·侧栏：sidebar·栏目：column　　·页面外围控制整体布局宽度：wrapper　　·左右中：leftrightcenter　　·登录条：loginbar　　·标志：logo　　·广告：banner　　·页面主体：main　　·热点：hot　　·新闻：news·下载：download　　·子导航：subnav　　·菜单：menu　　·子菜单：submenu　　·搜索：search　　·友情链接：friendlink　　·页脚：footer　　·版权：c

3、opyright　　·滚动：scroll　　·内容：content·标签页：tab·文章列表：list·提示信息：msg·小技巧：tips·栏目标题：title·加入：joinus·指南：guild·服务：service·注册：register·状态：status·投票：vote·合作伙伴：partner颜色命名-使用颜色的名称或者16进制代码·.red{color:red;}·.f60{color:#f60;}·.ff8600{color:#ff8600;}字体大小命名-直接使用“font+字体大小”作为名称·.font12px{fon

4、t-size:12px;}·.font9pt{font-size:9pt;}对齐样式命名-使用对齐目标的英文名称·.left{float:left;}·.bottom{float:bottom;}标题栏样式命名-使用“类别+功能”的方式命名·.barnews{}·.barproduct{}注释书写规范1.行间注释-直接写于属性值后面，如：.search{border:1pxsolid#fff;/*定义搜索输入框边框*/background:url(../images/icon.gif)no-report#333;/*定义搜索框的背景*/}

5、2.整段注释-分别在开始及结束地方加入注释，如：/*=====搜索条=====*/.search{border:1pxsolid#fff;background:url(../images/icon.gif)no-repeat#333;}/*=====搜索条结束=====*/以上是我们整理的关于div+css页面设计中常用的命名规范，大家在日常的页面设计中要逐步养成规范命名的好习惯。2.整段注释-分别在开始及结束地方加入注释，如：/*=====搜索条=====*/.search{border:1pxsolid#fff;background:

6、url(../images/icon.gif)no-repeat#333;}/*=====搜索条结束=====*/以上是我们整理的关于div+css页面设计中常用的命名规范，大家在日常的页面设计中要逐步养成规范命名的好习惯。