DIV+CSS布局积累.docVIP

在写CSS的时候，经常为一些名字而发愁，比如说菜单后面的背景要用什么词来表示呢？大家都知道，菜单一般用menu来表示，那么菜单后面的背景我会用menubg，CSS里就写#menubg {…}。还有一些其他的比如搜索框之类的应该怎么命名呢？下面有一些可以算得上是标准的命名吧。如果有错误或者遗漏请朋友们帮忙补上，谢谢！ [Copy to clipboard] CODE: 页头：header登录条：loginbar标志：logo侧栏：sidebar广告：banner导航：nav子导航：subnav菜单：menu子菜单：submenu搜索：search滚动：scroll页面主体：main内容：content标签页：tab文章列表：list提示信息：msg小技巧：tips栏目标题：title加入：joinus指南：guild服务：service热点：hot新闻：news下载：download注册：regsiter状态：status按钮：btn投票：vote合作伙伴：partner友情链接：friendlink页脚：footer版权：copyright提交：submit文本框：textbox统计：count 以上结构可以组合使用，例如：左列标题lefttitle；底部导航footernav 书写原则是： 1.一律小写； 2.尽量用英文； 3.不加中杠和下划线； 4.尽量不缩写，除非一看就明白的单词。 11.17 网易的CSS写法 [Copy to clipboard] CODE: /* 全局CSS定义 */body { text-align: center; font-family:宋体, arial;margin:0; padding:0; background: #FFF; font-size:12px; color:#000;}div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0;}h1,h2,h3,h4,h5,h6 { margin:0; padding:0;}table,td,tr,th{font-size:12px;}/* 链接颜色 */a:link {color: #1f3a87; text-decoration:none;}a:visited {color: #83006f;text-decoration:none;}a:hover {color: #bc2931; text-decoration:underline;}a:active {color: #bc2931;}/* 颜色属性 [定义规则，小写c加颜色名称] */.cRed,a.cRed:link,a.cRed:visited{ color:Red; }.cBlue,a.cBlue:link,a.cBlue:visited{color:#1f3a87;}.cDRed,a.cDRed:link,a.cDRed:visited{ color:#bc2931;}.cGray,a.cGray:link,a.cGray:visited{ color: #4F544D;}.cDGray,a.cDGray:link,a.cDGray:visited{ color: #666;}.cWhite,a.cWhite:link,a.cWhite:visited{ color:#fff;}.cBlack,a.cBlack:link,a.cBlack:visited{color:#000;}a.cBlack:hover{color:#bc2931;}.cYellow,a.cYellow:link,a.cYellow:visited{color:#ff0;}.cGreen,a.cGreen:link,a.cGreen:visited{color:#008000;}/* 字体属性 [定义规则，小写f加属性名称] */.fB {font-weight: bold;}.fI {font-style: italic;}/* 字体大小*/.f12px{ font-size:12px;}.f14px{ font-size:14px;}/* 其他属性 */.left{ float: left;}.right{ float: right;}.clear{ clear: both; font-size:1px; width:1px; visibility: hidden; }.hidden {display: none;}.unLine ,.unLine a{text-decoration