记录.NET学习的点滴，欢迎收藏我的博客

网站设计中CSS标准化设计的命名：

一，类class的命名规范示例

　　1，头：header

　　2，内容：content/container

　　3，导航：nav

　　4，尾：footer

　　5，栏目：column

　　6，侧栏：sidebar

　　7，登录条：loginbar

　　8，左右中：left right center

　　9，页面外围把持整体布局IC交易网宽度：wrapper

   10，标记：logo

　　11，广告：banner

　　12，消息：news

　　13，热门：hot

　　14，页面主体：main

　　15，下载：download

　　16，子导航：subnav

　　17，菜单：menu

　　18，子菜单：submenu

　　19，搜索：search

　　20，友谊链接：friendlink

　　21，页脚：footer

　　22，版权：copyright

　　23，滚动：scroll

　　24，内容：content

　　25，标签页：tab

　　26，文章列表：list

　　27，提示信息：msg

　　28，小技巧：tips

　　29，栏目标题：title

　　30，参加：joinus

　　31，指南：guild

　　32，服务：service

　　33，注册：regsiter

　　34，状态：status

　　35，投票：vote

　　36，合作伙伴：partner


二，注释的写法

　　/* Footer */

　　内容区

　　/* End Footer */


三，id的命名规范示例

　　1：页面结构

　　容器: container

　　页尾：footer

　　导航：nav

 

页头：header

　　内容：content/container

　　页面主体：main

　　左导航：leftsidebar

　　右导航：rightsidebar

　　菜单：menu

　　子菜单：submenu

 

侧栏：sidebar

　　栏目：column

　　页面外围把持整体布局宽度：wrapper

　　左右中：left right center


四，类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 { }


五，CSS文件命名示例

　　重要的 master.css

　　模块 module.css

　　基础共用 base.css

　　布局，版面 layout.css

　　主题 themes.css

　　专栏 columns.css

　　文字 font.css

　　表单 forms.css

　　补丁 mend.css

　　打印 print.css

六，注意事项

　　1：IC报价网一律小写

　　2：尽量用英文

　　3：不加中杠和下划线

　　4：尽量不缩写，除非一看就明确的单词.