您好,欢迎访问一九零五行业门户网

CSS+DIV布局中注意的几个问题_html/css_WEB-ITnose

命名问题
页头: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
/* 全局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: none;}
.noborder{border:none; }
滚动条的颜色定义
(ie only)
scrollbar-face-color: #e0d5be;
scrollbar-track-color: #ebe4d3;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-dark-shadow-color: #ffffff;
scrollbar-arrow-color: #978c71;
怎样用css把层做成半透明?
用下面的样式表定义你的层
.alpha { filter: alpha(opacity=50, finishopacity=50, style=0, startx=0, starty=0, finishx=100, finishy=100}
解释:
opacity=开始的不透明度(100的话就不透明了)
finishopacity=结束的不透明度(100的话就不透明了)
style=样式,从0开始,1.2.3....有均匀透明啊,放射形状透明啊...
startx=开始透明的x坐标,基本上为图片、层的左上角(0)
starty= 开始透明的y坐标,基本上也为图片、层的左上角(0)
finishx=结束透明的x坐标,基本上也图片、层的右下(图片、层的宽度)
finishy=结束透明的y坐标,基本上也为图片、层的右下角(图片、层的高度)
以上结构可以组合使用,例如:左列标题lefttitle;底部导航footernav
 书写原则是:
 1.一律小写; 2.尽量用英文; 3.不加中杠和下划线; 4.尽量不缩写,除非一看就明白的单词.
其它类似信息

推荐信息