教你书写标准的CSS命名写法。随着网页制作人员的增多，技术水平的参差不齐，造成网页制作的也是五花八门，在这里，首创网络与大家一块学习下，合理的命名方法：
一．文件命名规范
全局样式：global.css；
框架布局：layout.css；
字体样式：font.css；
链接样式：link.css；
打印样式：print.css；
主要的master.css
专栏columns.css
主题themes.css
主要的master.css
模块module.css
基本共用base.css
表单forms.css
补丁mend.css
二．页面结构
容器:container
页头：header
内容：content
页面主体：main
页尾：footer
栏目：column
页面外围控制整体布局宽度：wrapper
左右中：leftrightcenter
三．导航
导航：nav
主导航：mainbav
子导航：subnav
顶导航：topnav
边导航：sidebar
左导航：leftsidebar
右导航：rightsidebar
菜单：menu
子菜单：submenu
摘要:summary
四．功能
标志：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
Containerdiv
#container
容器
Layout
#layout
布局
Headerorbannerdiv
#head,#header
页头部分
Footerdiv
#foot,#footer
页脚部分
Navigationlist
#nav
主导航
Sub-navigationlist
#subNav
二级导航
Menu
#menu
菜单
SubMenu
#submenu
子菜单
Leftorrightsidecolumns
#sidebar_a,#sidebar_b
左边栏或右边栏
Maindiv
#main
页面主体
Tag
#tag
标签
Message
#msg#message
提示信息
Tips
#tips
小技巧
Vote
#vote
投票
FriendLink
#friendlink
友情连接
Title
#title
标题
Summary
#summary
摘要
Searchinput
#searchInput
搜索输入框
Searchoutput
#search_output
搜索输出和搜索结果相似
Search
#search
搜索
Searchbar
#searchBar
搜索条
Searchresults
#search_results
搜索结果
Copyrightinformation
#copyright
版权信息
brand
#branding
商标
branding-logo
#logo
LOGO
Siteinformation
#siteinfo
网站信息
Copyrightinformationetc.
#siteinfoLegal
法律声明
Designerorothercredits
#siteinfoCredits
信誉
Joinus
#joinus
加入我们
Partnershipopportunities
#partner
合作伙伴
Services
#service
服务
Regsiter
#regsiter
注册
Arrow
arr/arrow
箭头
Little
#little
标题
Websitemap
#sitemap
网站地图
List
#list
列表
Homepage
#homepage
首页
Subpage
subpage
二级页面子页面
Toolbar
#tool,#toolbar
工具条
Nextpulls
#drop
下拉
Nextpullsmenu
#dorpmenu
下拉菜单
Status
#status
状态
Containerdiv
#container
容器
Headerorbannerdiv
#header
页头部分
Mainorglobalnavigationdiv
#mainNav
主导航
Menu
#menu
菜单
SubMenu
#submenu
子菜单
Leftorrightsidecolumns
#sidebarA,#sidebarB
左边栏或右边栏
Maindiv
#main
页面主体
Contentdiv
#content
内容部分
Themaincontentarea
#contentMain
主要内容区域
Footerdiv
#footer
页脚部分
Tag
#tag
标签
Message
#msg#message
提示信息
Tips
#tips
小技巧
Vote
#vote
投票
FriendLink
#friendlink
友情连接
Title
#title
标题
Summary
#summary
摘要
Sub-navigationlist
#subNav
二级导航
Searchinput
#searchInput
搜索输入框
Searchoutput
#searchOutput
搜索输出和搜索结果相似
Search
#search
搜索
Searchresults
#searchResults
搜索结果
Copyrightinformation
#copyright
版权信息
brand
#branding
商标
branding-logo
#brandingLogo
LOGO
Siteinformation
#siteinfo
网站信息
Copyrightinformationetc.
#siteinfoLegal
法律声明
Designerorothercredits
#siteinfoCredits
信誉
Joinus
#joinus
加入我们
Partnershipopportunities
#partner
合作伙伴
Services
#service
服务
Regsiter
#regsiter
注册
Status
#status
状态
Products
.products
产品
Productsprices
.productsPrices
产品价格
Productsdescription
.productsDescription
产品描述
Productsreview
.productsReview
产品评论
Editor'sreview
.editorReview
编辑评论
Newrelease
.newsRelease
最新产品
Publisher
.publisher
生产商
Screenshot
.screenshot
缩略图
FAQ
.faqs
常见问题
Keyword
.keyword
关键词
Blog
.blog
博客
Forum
.forum
论坛
XHTML-CSS写作建议
1.所有的xhtml代码小写
2.属性的值一定要用双引号("")括起来，且一定要有值
3.每个标签都要有开始和结束，且要有正确的层次
4.空元素要有结束的tag或于开始的tag后加上"/"
5.表现与结构完全分离，代码中不涉及任何的表现元素，如style、font、bgColor、border等
6.<h1>到<h5>的定义，应遵循从大到小的原则，体现文档的结构，并有利于搜索引擎的查询。
7.给每一个表格和表单加上一个唯一的、结构标记id
8.给重要的区块加上注释,如：
9.给图片加上alt标签
10.所有的标签必须进行合理的嵌套
11.根元素前必须有元素，宣告使用那一种DTD
12.根元素必须有xmlns属性来指定使用http://www.w3.org/1999/xhtml的namespace
