css导航条

1.css用在导航的制作上:

<style>
*{margin:0px; padding:0px;} //最低级别的修饰
#heater{980px; height:100px; color:#099; margin:0px auto;   background- color:#0CF; margin-bottom:15px;} //头部居中下方留缝隙15个像素。
#nav{margin:0 auto; 980px; font-size:14px; font- weight:bold;} //导航条
#nav li{list-style:none; float:left; 77px; height:30px;   text- align:center; margin-right:5px; line-height:30px;} //文字两个方向居中
#nav li a{background:url(images/bg1.gif) no-repeat 0 -50px;   display:block;   text-decoration:none;}
#nav li a:hover{ background:url(images/bg1.gif) no-repeat -200px -50px;   color:#0F0;}
</style>
</head>
<body>
<div id="heater">top</div>
<div id="nav">
<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>
      <li><a href="#">儿童图书</a></li>
</ul>
</div>
</body>
2.超链接：
   超链接的四种状态：可以改变的属性（颜色，大小，下划线等）
   这四个称为伪类类型.
    a：link未访问状态
    a:visited已访问状态
    a:hover鼠标移上状态
    a;active激活选定状态
    顺序不能乱中间任意一个或两个不写
3.样式优先级（从低到高）
   各类样式有继承
各类样式的优先级

浏览器默认设置   外部样式表文件

内部样式表

行内样式表

标签选择器   类选择器

   ID选择器