(一) 常用的CSS命名规则：
头：header
pqshow^com
内容：content/container
pqshow.com
尾：footer pqshow
导航：nav 中国.站长站
侧栏：sidebar Www@pqshow@com
栏目：column pqshow~com
页面外围控制整体布局宽度：wrapper
pqshow.com
左右中：leftrightcenter Www~pqshow~com
登录条：loginbar
pqshow@com
标志：logo pqshow@com
广告：banner pqshow~com
页面主体：main
pqshow~com
热点：hot [中国站长站]
新闻：news 中.国.站.长.站
下载：download 站长.站
子导航：subnav
pqshow
菜单：menu 中.国.站长站
子菜单：submenu
中国.站长站
搜索：search 中国站长_站,为中文网站提供动力
友情链接：friendlink 站.长.站
页脚：footer 中国.站长站
版权：copyright Www_pqshow_com
滚动：scroll 中国站.长站
内容：content
中.国.站.长.站
标签页：tab 中.国站长站
文章列表：list 站.长站
提示信息：msg 中.国.站.长.站
小技巧：tips pqshow_com
栏目标题：title
[中国站长站]
加入：joinus 中国.站长站
指南：guild pqshow^com
服务：service
中国站.长站
注册：regsiter
中国.站.长站
状态：status 中国站.长.站
投票：vote pqshow@com
合作伙伴：partner 中.国.站.长.站
(二) 注释的写法：
pqshow
/*Footer*/ 站.长站
内容区 中.国.站.长.站
/*EndFooter*/ 中国站长_站,为中文网站提供动力
(三) id的命名：
pqshow~com
(1)页面结构
pqshow.com
容器：container pqshow~com
页头：header
pqshow@com
内容：content/container Www@pqshow@com
页面主体：main pqshow
页尾：footer pqshow~com
导航：nav 中国站长_站,为中文网站提供动力
侧栏：sidebar Www.pqshow.com
栏目：column Www.pqshow.com
页面外围控制整体布局宽度：wrapper pqshow^com
左右中：leftrightcenter
站.长站
(2)导航： 站长.站
导航：nav 中国站.长.站
主导航：mainbav
中国站.长站
子导航：subnav 中.国.站长站
顶导航：topnav
pqshow~com
边导航：sidebar Www_pqshow_com
左导航：leftsidebar pqshow_com
右导航：rightsidebar 中国站.长站
菜单：menu 中.国.站.长.站
子菜单：submenu Www~pqshow~com
标题:title
站.长站
摘要:summary [中国站长站]
(3)功能： 站.长站
标志：logo 中国站.长.站
广告：banner pqshow@com
登陆：login pqshow@com
登录条：loginbar Www^pqshow^com
注册：regsiter 中国站长.站
搜索：search 中国站.长.站
功能区：shop Www_pqshow_com
标题：title 中国站.长站
加入：joinus 站长.站
状态：status
pqshow^com
按钮：btn 中国站.长.站
滚动：scroll 站.长站
标签页：tab Www.pqshow.com
文章列表：list 中.国.站长站
提示信息：msg 中.国.站.长.站
当前的:current 中国站.长.站
小技巧：tips
pqshow.com
图标:icon
pqshow@com
注释：note pqshow.com
指南：guild pqshow^com
服务：service pqshow@com
热点：hot pqshow^com
新闻：news
站.长.站
下载：download pqshow@com
投票：vote 中.国.站.长.站
合作伙伴：partner Www~pqshow~com
友情链接：link Www^pqshow^com
版权：copyright Www~pqshow~com
(四) class的命名： 中国站.长.站
(1)颜色：使用颜色的名称或者16进制代码，如： 中.国.站.长.站
| 以下为引用的内容： .red{color:red;} .f60{color:#f60;} .ff8600{color:#ff8600;} |
(2)字体大小，直接使用“font+字体大小”作为名称，如：
Www.pqshow.com
| 以下为引用的内容： .font12px{font-size:12px;} .font9pt{font-size:9pt;} |
(3)对齐样式，使用对齐目标的英文名称，如： 中国.站.长站
| 以下为引用的内容： .left{float:left;} .bottom{float:bottom;} |
(4)标题栏样式，使用”类别+功能”的方式命名，如： Www~pqshow~com
| 以下为引用的内容： .barnews{} .barproduct{} |
(五) 文件名命名： 中国站.长站
主要的：master.css pqshow
模块：module.css Www^pqshow^com
基本共用：base.css
中.国站长站
布局，版面：layout.css 中国站长_站,为中文网站提供动力
主题：themes.css 中国站长_站,为中文网站提供动力
专栏：columns.css 中国站长.站
文字：font.css pqshow@com
表单：forms.css 中国站.长.站
补丁：mend.css
中.国.站.长.站
打印：print.css pqshow~com
(六) 注意事项： Www^pqshow^com
(1)一律小写。 Www_pqshow_com
(2)尽量用英文。 Www^pqshow^com
(3)不加中杠和下划线。 中国.站长站
(4)尽量不缩写，除非一看就明白的单词。 中.国站长站
 网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！） |