basiccss.css

HTML代码

@charset "utf-8";
/* CSS Document */
BODY {
	 padding:0; margin:0; font-size:12px; color:#5e5e5e; width:100%; height:100%; LINE-HEIGHT: 160%; PADDING-TOP: 0px; FONT-FAMILY: '宋体','新宋体',arial,vardana,sans-serif; background: #579dd9
}
UL {
	CLEAR: both; LIST-STYLE-TYPE: none; margin:0; padding:0;
}
UL {
	DISPLAY: inline-block;
}
A:link {
	COLOR: #444444; TEXT-DECORATION: none
}
A:hover {
	COLOR: #d4572a
}
A:visited {
	TEXT-DECORATION: none
}
.cle{ clear:both;}

img{ border:0;}





.twoColLiqLtHdr #container { 
	width: 100%;  /* 这将创建一个占据 80% 浏览器宽度的容器 */
	background: #FFFFFF;
	margin: 0 auto; /* 自动边距（与宽度一起）会将页面居中 */
	text-align: left; /* 这将覆盖 body 元素上的“text-align: center”。 */
} 
.twoColLiqLtHdr #header { 
	background:url(../images/headbg.jpg) no-repeat; 
	padding:0;
	height:118px;
} 
.twoColLiqLtHdr #header #logo{ height:74px; margin-left:75px; }

.twoColLiqLtHdr #header #logo .logotxt{ margin-top:24px; float:left;}
.twoColLiqLtHdr #header #logo .rlogo{ margin-right:18px; float:right; margin-top:10px;}
/* sidebar1 提示：
1. 由于我们使用的是百分比，因此最好不要在侧栏中使用填充。它将会新增至宽度，而让符合标准的浏览器建立未知的实际宽度。 
2. 如果为 div 中的元素设置左边距和右边距，则会在 div 边缘和这些元素之间产生空白，如“.twoColLiqLtHdr #sidebar1 p”规则中所示。
3. 由于 Explorer 会在父元素显示之后计算宽度，因此基于百分比的栏有时会出现无法解释的错误。如果您需要更可预见的结果，可选择改为以像素为单位设置栏的大小。
*/
.twoColLiqLtHdr #sidebar1 {
	float: left; 
	width: 220px; /* 由于此元素是浮动的，因此必须指定宽度 */
	background: #579dd9; /* 将显示背景色，其宽度等于栏中内容的长度，*/
	padding: 15px 0;
	overflow-y:scroll;
	scrollbar-3d-light-color:#ecf6f9;/*立体滚动条亮边的颜色*/

	scrollbar-arrow-color:#579dd9;/*上下按钮上三角箭头的颜色*/

	scrollbar-base-color:#ecf6f9;/*滚动条的基本颜色*/


	

	scrollbar-highlight-color:#579dd9;/*滚动条空白部分的颜色*/

	scrollbar-shadow-color:#ecf6f9;/*立体滚动条阴影的颜色*/


	
}
.navPoint{width:1%; float:left; height:500px; background:#fff; cursor:pointer; padding-top:230px; }
.twoColLiqLtHdr #sidebar1 h3, .twoColLiqLtHdr #sidebar1 p {
	margin-left: 10px; /* 对于将要放在侧栏中的每个元素，都应当设置左边距和右边距 */
	margin-right: 10px;
}

/* mainContent 提示：
1. mainContent 和 sidebar1 之间的空白是由 mainContent div 的左边距创建的。无论 sidebar1 div 中包含多少内容，都将保留栏空白。如果您希望在 #sidebar1 中的内容结束时，用 #mainContent div 的文本填充 #sidebar1 空白，则可以删除此左边距。
2. 为了避免在所支持的最小分辨率 800 x 600 下出现“浮动下降”，mainContent div 中的元素（包括图像）不应大于 430 像素。
3. 在下面的 Internet Explorer 条件注释中，zoom 属性用来赋予 mainContent“hasLayout”。这会避免几个特定于 IE 的错误。
*/
.twoColLiqLtHdr #mainContent { 
	margin: 0 20px 0 220px; /* 右边距可以用百分比或像素来指定，它会在页面的右下方产生空白。 */
} 
.twoColLiqLtHdr #mainContent #leftmenu{}
.twoColLiqLtHdr #mainContent #titletxtnav{ 
	padding-left:28px; 
	height:22px; 
	line-height:22px;
	margin:0 0 0 10px;
	font-weight:bold;
	background:url(../images/btn-book.gif) no-repeat 8px 40% #e4f0f8;
}
.twoColLiqLtHdr #footer { 
	padding: 2px 10px; /* 此填充会将它上面 div 中的所有元素左对齐。 */
	background:#DDDDDD;
	height:40px;
	line-height:40px;
	border-top:1px solid #ccc;
} 
.twoColLiqLtHdr #footer p {
	margin: 0; /* 将脚注中第一个元素的边距设置为零将避免出现可能的边距重叠（即 div 之间出现的空白）*/
	padding:0; /* 就像边距会产生空白一样，此元素上的填充也将产生空白，但不会出现边距重叠问题 */
	text-align:center
}

/* 要重用的各种类 */
.fltrt { /* 此类可用来使页面中的元素向右浮动。浮动元素必须位于页面上要与之相邻的元素之前。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* 此类可用来使页面上的元素向左浮动 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* 此类应当放在 div 或 break 元素上，而且该元素应当是完全包含浮动的容器关闭之前的最后一个元素 */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}