教你书写标准的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

　　Containerp

　　#container

　　容器

　　Layout

　　#layout

　　布局

　　Headerorbannerp

　　#head,#header

　　页头部分

　　Footerp

　　#foot,#footer

　　页脚部分

　　Navigationlist

　　#nav

　　主导航

　　Sub-navigationlist

　　#subNav

　　二级导航

　　Menu

　　#menu

　　菜单

　　SubMenu

　　#submenu

　　子菜单

　　Leftorrightsidecolumns

　　#sidebar_a,#sidebar_b

　　左边栏或右边栏

　　Mainp

　　#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

　　状态

　　Containerp

　　#container

　　容器

　　Headerorbannerp

　　#header

　　页头部分

　　Mainorglobalnavigationp

　　#mainNav

　　主导航

　　Menu

　　#menu

　　菜单

　　SubMenu

　　#submenu

　　子菜单

　　Leftorrightsidecolumns

　　#sidebarA,#sidebarB

　　左边栏或右边栏

　　Mainp

　　#main

　　页面主体

　　Contentp

　　#content

　　内容部分

　　Themaincontentarea

　　#contentMain

　　主要内容区域

　　Footerp

　　#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.

到

的定义，应遵循从大到小的原则，体现文档的结构，并有利于搜索引擎的查询。

　　7.给每一个表格和表单加上一个唯一的、结构标记id

　　8.给重要的区块加上注释,如：

　　9.给图片加上alt标签

　　10.所有的标签必须进行合理的嵌套

　　11.根元素前必须有元素，宣告使用那一种DTD

　　12.根元素必须有xmlns属性来指定使用http://www.w3.org/1999/xhtml的namespace