CSS命名规范参考及书写注意事项.doc

PAGE1/NUMPAGES1

CSS命名规范参考及书写注意事项

CSS命名规范参考及书写注意事项，这里整理的比较全，web前端开发的朋友非常值得参考下。

CSS书写顺序*{/*显示属性*/displaypositionfloatclearcursor/*盒模型*/marginpaddingwidthheight/*排版*/vertical-alignwhite-spacetext-decorationtext-align/*文字*/colorfontcontent/*边框背景为什么要把boder和background放在最后的原因是修改的频率会较之前的频繁，放在最后查看起来方便，哈哈。

*/borderbackground}下表顺序为从上到下，从左到右：

========================display||visibilitylist-style:list-style-type||list-style-position||list-style-imagepositiontop||right||bottom||leftz-indexclearfloatwidthmax-width||min-widthheightmax-height||min-heightoverflow||clipmargin:margin-top||margin-right||margin-bottom||margin-leftpadding:padding-top||padding-right||padding-bottom||padding-leftoutline:outline-color||outline-style||outline-widthborderbackground:background-color||background-image||background-repeat||background-attachment||background-positioncolorfont:font-style||font-variant||font-weight||font-size||line-height||font-familyfont:caption|icon|menu|message-box|small-caption|status-bartext-overflowtext-aligntext-indentline-heightwhite-spacevertical-aligncursorCSS命名规则：

一．文件命名规范全局样式：

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搜索：