当前位置:首页 > 设计在线 > 网页设计 > CSS/Xhtml > 网页标准化-CSS命名规划整理

网页标准化-CSS命名规划整理

点击次数:25 次 发布日期:2008-11-21 16:09:57 作者:源代码网
源代码网推荐

源代码网整理以下(一) 常用的CSS命名规则:

源代码网整理以下头:header

源代码网整理以下内容:content/container

源代码网整理以下尾:footer

源代码网整理以下导航:nav

源代码网整理以下侧栏:sidebar

源代码网整理以下栏目:column

源代码网整理以下页面外围控制整体布局宽度:wrapper

源代码网整理以下左右中:leftrightcenter

源代码网整理以下登录条:loginbar

源代码网整理以下标志:logo

源代码网整理以下广告:banner

源代码网整理以下页面主体:main

源代码网整理以下热点:hot

源代码网整理以下新闻:news

源代码网整理以下下载:download

源代码网整理以下子导航:subnav

源代码网整理以下菜单:menu

源代码网整理以下子菜单:submenu

源代码网整理以下搜索:search

源代码网整理以下友情链接:friendlink

源代码网整理以下页脚:footer

源代码网整理以下版权:copyright

源代码网整理以下滚动:scroll

源代码网整理以下内容:content

源代码网整理以下标签页:tab

源代码网整理以下文章列表:list

源代码网整理以下提示信息:msg

源代码网整理以下小技巧:tips

源代码网整理以下栏目标题:title

源代码网整理以下加入:joinus

源代码网整理以下指南:guild

源代码网整理以下服务:service

源代码网整理以下注册:regsiter

源代码网整理以下状态:status

源代码网整理以下投票:vote

源代码网整理以下合作伙伴:partner

源代码网整理以下(二) 注释的写法:

源代码网整理以下/*Footer*/

源代码网整理以下内容区

源代码网整理以下/*EndFooter*/

源代码网整理以下(三) id的命名:

源代码网整理以下(1)页面结构

源代码网整理以下容器:container

源代码网整理以下页头:header

源代码网整理以下内容:content/container

源代码网整理以下页面主体:main

源代码网整理以下页尾:footer

源代码网整理以下导航:nav

源代码网整理以下侧栏:sidebar

源代码网整理以下栏目:column

源代码网整理以下页面外围控制整体布局宽度:wrapper

源代码网整理以下左右中:leftrightcenter

源代码网整理以下(2)导航:

源代码网整理以下导航:nav

源代码网整理以下主导航:mainbav

源代码网整理以下子导航:subnav

源代码网整理以下顶导航:topnav

源代码网整理以下边导航:sidebar

源代码网整理以下左导航:leftsidebar

源代码网整理以下右导航:rightsidebar

源代码网整理以下菜单:menu

源代码网整理以下子菜单:submenu

源代码网整理以下标题:title

源代码网整理以下摘要:summary

源代码网整理以下(3)功能:

源代码网整理以下标志:logo

源代码网整理以下广告:banner

源代码网整理以下登陆:login

源代码网整理以下登录条:loginbar

源代码网整理以下注册:regsiter

源代码网整理以下搜索:search

源代码网整理以下功能区:shop

源代码网整理以下标题:title

源代码网整理以下加入:joinus

源代码网整理以下状态:status

源代码网整理以下按钮:btn

源代码网整理以下滚动:scroll

源代码网整理以下标签页:tab

源代码网整理以下文章列表:list

源代码网整理以下提示信息:msg

源代码网整理以下当前的:current

源代码网整理以下小技巧:tips

源代码网整理以下图标:icon

源代码网整理以下注释:note

源代码网整理以下指南:guild

源代码网整理以下服务:service

源代码网整理以下热点:hot

源代码网整理以下新闻:news

源代码网整理以下下载:download

源代码网整理以下投票:vote

源代码网整理以下合作伙伴:partner

源代码网整理以下友情链接:link

源代码网整理以下版权:copyright

源代码网整理以下(四) class的命名:

源代码网整理以下(1)颜色:使用颜色的名称或者16进制代码,如:

源代码网整理以下

以下为引用的内容:
.red{color:red;}
.f60{color:#f60;}
.ff8600{color:#ff8600;}

源代码网整理以下(2)字体大小,直接使用“font+字体大小”作为名称,如:

源代码网整理以下

以下为引用的内容:
.font12px{font-size:12px;}
.font9pt{font-size:9pt;}

源代码网整理以下(3)对齐样式,使用对齐目标的英文名称,如:

源代码网整理以下

以下为引用的内容:
.left{float:left;}
.bottom{float:bottom;}

源代码网整理以下(4)标题栏样式,使用”类别+功能”的方式命名,如:

源代码网整理以下

以下为引用的内容:
.barnews{}
.barproduct{}

源代码网整理以下(五) 文件名命名:

源代码网整理以下主要的:master.css

源代码网整理以下模块:module.css

源代码网整理以下基本共用:base.css

源代码网整理以下布局,版面:layout.css

源代码网整理以下主题:themes.css

源代码网整理以下专栏:columns.css

源代码网整理以下文字:font.css

源代码网整理以下表单:forms.css

源代码网整理以下补丁:mend.css

源代码网整理以下打印:print.css

源代码网整理以下(六) 注意事项:

源代码网整理以下(1)一律小写。

源代码网整理以下(2)尽量用英文。

源代码网整理以下(3)不加中杠和下划线。

源代码网整理以下(4)尽量不缩写,除非一看就明白的单词。

源代码网供稿.
网友评论 (0)
会员中心
设计在线
本站推荐
设计在线之精华