css 样式的应用举例

比如做一个导航条
首先搭建基本机构：
<div id="menu">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">年表</a></li>
<li><a href="#">作品</a></li>
<li><a href="#">文章</a></li>
<li><a href="#">画廊</a></li>
<li><a href="#">留言</a></li>
<li><a href="#">地图</a></li>
</ul>
</div>
这时候看到的一个纵列文字前带圆点的列表
然后用css进行美化：
#menu {
background-color: #6282ac;
height: 35px;
width: 570px;
position: relative;
}
定义菜单的宽，高，颜色及定位方式。

#menu ul {
list-style-type: none;
}
去掉文字下划线。

#menu li {
float: left;
display: block;