<link href="css/main.css" rel="stylesheet" type="text/css"/>
<script src="js/****.js" type="text/javascript" charset="gb2312"> </script>
*
{
padding:0 px;
margin: 0 px;
font:12px;
}
<!-- 这里可以将一些系统默认的标签的填充和间距还原-->
body{
background-color:#F5F5F5;
}
<--!将背景设置成灰色-->
下面是顶部式样:
.top{
width:100%;
height:27 px;
backgroud:url(../images/top_bg.jpg) repeat-x; <--!这地方是将小灰色的线条图片,循环填充作为背景-->
}
.top_content
{
width:1000px;
<--! 1000px 绝对已经够用了-->
margin:0 auto;
<--! 上下边距是0,左右边距根据width自动填充-->
}
.top_content li{
<--!设置顶部的项目内容-->
list-style-image:url( 这地方填写图片地址)
<--!这地方完成的是项目内容前面的小标记-->
float:right;
<--!设置右浮动,完成排列,项目需要反向序列-->
width:70 px; <--!中间需要拉开一些间距-->
line-height:27px; <--!设置的和top的高度是一样的,可以完成在垂直方向上的居中-->
}