style.css

程序中带有大量的实例,采用多种方式优化代码,这初学者很好的学习资料

body { background:url("bg.jpg"); font-size: 12px; margin-top:5px; margin-left:0px; margin-right:0px;}
td {  font-size: 12px}
input, textarea {  font-size: 12px; border-width:1px}
select {  font-size: 12px; border-width:1px}
.inputbg {border:0px; border-bottom:1px solid #8AA6E5; background:transparent}

a:link, a:visited {  color: #063390;text-decoration:none}
a:hover { color: #003399; text-decoration:none }

a.highlight:link, a.highlight:visited { color:red; text-decoration:none }
a.highlight:hover { color:red; text-decoration:none }

a.thisclass:link, a.thisclass:visited, a.thisclass:hover { font-weight:bold; text-decoration:none }

a.navlink:link, a.navlink:visited {color: #000000; text-decoration:none}
a.navlink:hover {color: #003399; text-decoration:none }

.twidth { width: 760px; }
.awidth { width: 98%; }
.content, .content td { font-size: 14px;font-family:宋体,Arial; line-height:140%; margin:5px 20px }
.content A:visited, .content A:link {color:blue; text-decoration:underline}
.content A:hover {color:red; }
.aTitle { font-size: 15px; font-weight:bold; }

.sitehead { height:87px;border:1px solid #6687BA; }
.sitehead-left {width:0px}
.sitehead-right {width:0px}
.footline {height:1px; background:#95AFD6;}

.navbar { height:34px; text-align:center; background:url("navbar_m.gif"); background-repeat:repeat-x; color:#000000; }
.navbar-left { display:block; width:1px; background:#6687BA}
.navbar-right { display:block; width:1px; background:#6687BA}

.navsub { background: #F3F3f3; height:23px;}	/* 二级分类 */
.navsub-left { display:none; width:10px; }
.navsub-right { display:none; width:10px; }


.lframe-t-mid { height:25px; background:url("lframe_t.gif"); text-align:left; cursor:default;}
.lframe-t-left { display:block; width:1px; background:#799AE1;}
.lframe-t-right { display:block; width:1px; background:#799AE1;}
.lframe-t-text { font-weight:normal; color:#FFFFFF; filter:dropshadow(color=#333333,OffX=1,OffY=1,Positive=1); padding-left:10px;  width:100%; }
.lframe-m-mid { background:#F2F8FF; padding:3px }
.lframe-m-left { width:1px; background:#799AE1; }
.lframe-m-right { width:1px; background:#799AE1; }
.lframe-b-mid { display:block; height:13px; border-top:1px solid #799AE1; font-size:1px; }
.lframe-b-left { display:none; width:18px; }
.lframe-b-right { display:none;  width:22px; }

.mframe-t-mid { height:25px; background:url("lframe_t.gif"); text-align:left;}
.mframe-t-left { display:; width:1px; background:#799AE1;}
.mframe-t-right { display:; width:1px; background:#799AE1;}
.mframe-t-text { color:#FFFFFF; font-weight:bold; padding-left:10px; width:100% }
.mframe-m-mid { background:#F7FBFF; padding:3px }
.mframe-m-left { width:1px; background:#799AE1}
.mframe-m-right { width:1px; background:#799AE1}
.mframe-b-mid { display:; height:13px; background:;font-size:1px; border-top:1px solid #799AE1}
.mframe-b-left { display:none; width:18px; background:; }
.mframe-b-right { display:none;  width:22px; background:; }

.summary-title { background: #EDF1F8;font-weight:bold;height:23px }

.gray { color:gray; text-decoration:none; }
.time { color:red; }
.hit { color:green; }

.tdBg { background: #F2F8FF ; line-height:120%; }
.tdbg-dark {background: #EDF1F8; line-height:120%; }


.menuskin {
	BORDER: #666666 1px solid; VISIBILITY: hidden; FONT: 12px Verdana;
	POSITION: absolute; BACKGROUND-COLOR:#F6F6F6;
	background-image:url(menubg.gif);
	text-align:left;
	}
.menuskin A {
	PADDING-RIGHT: 10px; PADDING-LEFT: 25px; COLOR: black; TEXT-DECORATION: none; behavior:url(inc/noline.htc);
	}
.menuskin a:hover {text-decoration:none }
#mouseoverstyle {
	BACKGROUND-COLOR: #C9D5E7; margin:2px; padding:0px; border:#597DB5 1px solid;
	}
#mouseoverstyle A {
	COLOR: black
}
.menuitems{
	margin:2px;padding:1px;word-break:keep-all;
}