divcss布局积累

divcss布局积累

ID:32366107

大小:62.50 KB

页数:14页

时间:2019-02-03

divcss布局积累_第1页
divcss布局积累_第2页
divcss布局积累_第3页
divcss布局积累_第4页
divcss布局积累_第5页
资源描述:

《divcss布局积累》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库

1、在写CSS的时候,经常为一些名字而发愁,比如说菜单后面的背景要用什么词来表示呢?大家都知道,菜单一般用menu来表示,那么菜单后面的背景我会用menubg,CSS里就写#menubg{…}。还有一些其他的比如搜索框之类的应该怎么命名呢?下面有一些可以算得上是标准的命名吧。如果有错误或者遗漏请朋友们帮忙补上,谢谢![Copytoclipboard]CODE:页头:header登录条:loginbar标志:logo侧栏:sidebar广告:banner导航:nav子导航:subnav菜单:menu子菜单:submenu搜索:search滚动:

2、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书写原则

3、是:1.一律小写;2.尽量用英文;3.不加中杠和下划线;4.尽量不缩写,除非一看就明白的单词。11.17网易的CSS写法[Copytoclipboard]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

4、,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.c

5、Red: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:

6、#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;}/*字体大小*/.

7、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,.unLinea{text-decoration:none;}.noBorder{border:none;          }页面上所有图片自动缩放的代码[Copytoclipb

8、oard]CODE:varimgObj;for(i=0;i

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。