/* 设置 页面上所有 header 标签的：背景、高度、下外边距
* url 中为图片地址
*/
header {
background:url(../images/bannar.jpg) no-repeat;
height:300px;
margin-bottom:5px;
}
/* 设置 id 为 content 的元素的下边距为5px
*/
#content {
margin-bottom:5px;
}
/* 设置 id 为 zuoce 的元素的：高度、宽度、向右浮动
*/
#zuoce {
height:600px;
width:640px;
float:right;
}
/* 设置 id 为 youce 的元素的： 边框、盒子阴影、宽度
*/
#youce {
border:1px solid #abcdef; /* 边框 1像素 实线 颜色为abcdef */
box-shadow:1px 1px 3px RGBA(0,0,0,.5); /* 投影 x方向偏移1像素 y方向偏移1像素 扩散3像素 颜色黑色 透明度0.5 */
width:235px;
}
/* 设置页面所有 footer 标签的：高度、背景颜色、清除浮动
*/
footer {
height:30px;
background:#88dddd;
clear:both;
}
/* 设置页面上所有 img 元素的外边距：上下0、左右各2像素
* margin 的规则：
* 后面1个值：四面外边距一样
* 后面两个值：先上下，后左右
* 后面三个值：上，左右，下
* 后面四个值：上，右，下，左
*/
img {
margin:0px 2px;
}
/* 设置 id 为 youce 的盒子内部所有 h5 标签的：
* 外边距为0
* 内边距为0
* 背景图片，不重复
* 高度23，少了单位，应该是23px
* 文本居中对齐
* 行高23像素
* 底边 2像素 点线 颜色0099ff
*/
#youce h5 {
margin:0;
padding:0px;
background:url(../images/leftbg.jpg) no-repeat;
height:23;
text-align:center;
line-height:23px;
border-bottom:2px dotted #0099ff;
}
/* 设置 id 为 youce 的盒子内部所有 p 标签的：
* 左内边距为 10像素
* 外边距为0
* 上内边距为 8像素
* 字体大小 12像素
* 行高 1.5
*/
#youce p {
padding-left:10px;
margin:0px;
padding-top:8px;
font-size:12px;
line-height:1.5;
}
/* 设置 id 为 youce 的盒子内部的所有 div 标签内部的所有 ul 元素中的所有 li 标签的:
* 列表样式为none,即不显示列表前面的：点、数字、方块或其他合法形状等
*/
#youce div ul li {
list-style:none;
}
/* 设置 id 为 youce 的盒子内部的所有 div 标签内部的所有 ul 元素中的所有 li 标签中的所有 a 连接的:
* 不使用下划线
* 文字颜色为 234178
* 字体大小 12像素
*/
#youce div ul li a {
text-decoration:none;
color:#234187;
font-size:12px;
}
/* 设置 id 为 youce 的盒子内部的所有 div 标签内部的所有 ul 元素中的所有 li 标签的 before 伪元素的:
* 内容为图片，url 中为图片地址
* 右外边距为 3像素
*/
#youce div ul li:before {
content:url(../images/4.gif);
margin-right:3px;
}
/* 设置 id 为 youce 的盒子内部的所有 div 标签内部的所有 ul 元素的:
* 四面内边距为 7像素
* 四面外边距为 7像素
*/
#youce div ul {
padding:7px;
margin:7px;
}
/* 设置 id 为 youce 的盒子内部的所有 div 标签内部的所有 ul 元素中的所有 li 标签中的所有 a 连接的鼠标移入样式:
* 文字颜色变为 f00
*/
#youce div ul li a:hover {
color:#f00;
}
/* 设置 id 为 zuoce 的盒子内部的所有 div 标签内部的所有 h3 标签的:
* 文字颜色为 0f0
* 下边框为 1像素 点线 颜色为999
* 外边距为0
* 内边距为0
*/
#zuoce div h3 {
color:#0f0;
border-bottom:1px dotted #999;
margin:0;
padding:0;
}
/* 设置 id 为 zuoce 的盒子内部所有 div 标签的：
* 边框为 1像素 实线 颜色为ccc
*/
#zuoce div {
border:1px solid #ccc;
}
/* 设置 id 为 zuoce 的盒子的：
* 文字颜色为 888
* 外边距0
* 内边距0
* 字体大小 12像素
* 文本右对齐
*/
.zuozhe {
color:#888;
margin:0;
padding:0;
font-size:12px;
text-align:right;
}
/* 同时设置 class 为 zhenwen、zhengwen、dian 和 pinglun 的所有标签的：
* 字体大小为 12像素
* 首行缩进 2个文字
* 行高 1.5
*/
.zhenwen,
.zhengwen,
.dian,
.pinglun {
font-size:12px;
text-indent:2em;
line-height:1.5;
}
/* 单独设置所有 class 为 pinglun 的标签的：
* 字体颜色为 ff6600
* 会在前面设置样式的基础上追加这项设置，如前面已设置，前面的设置会被覆盖
*/
.pinglun {
color:#ff6600
}
/* 设置页面所有 footer 标签的：
* 文本颜色为 004587
* 文本居中对齐
* 行高为 30像素
* 会合并前面的 footer 样式
*/
footer {
color:#004587;
text-align:center;
line-height:30px;
}
兄弟，哥只能帮你到这里了，希望够详细，望采纳~~