网页设计中最常用的样式表

第一：列表定义形式

ul.panel_list{padding:0; margin:5px 3px;}/*定义列表框整体，ul放置到1px外框里面，距离1px的外框上下有5px，左右有3px*/
ul.panel_list li{height:23px; line-height:23px;BACKGROUND: url(bullet.gif) no-repeat 3px center; padding-left:10px;BORDER-BOTTOM: #ccc 1px dashed; overflow:hidden;}

ul.panel_list li a{color:#1f376d}  定义li里面的链接样式
ul.panel_list li a:hover{color:#bd0a01; text-decoration:underline}

ul.panel_list li span{ float:right; color:#999} 定义”更多”漂右

---------------------------------------------------------------------------------------------------------------------------
    方法一：              ul.panel_list li.list_top a{color:#bd0a01} /*用li的第一行li字体设置为红色，li设置类样式*/
                                  ul.panel_list li.list_top a:hover{text-decoration:underline}

     方法二：          ul.panel_list li a.impTopNews{color:#c00} /*用li中的a的类定义li中的某一行链接颜色，a设置类样式*/

                       即：

                           ul.ul li a.hong{ color:red} /*可以用*/ 
                           ul.ul li a.hong:hover{ color:#0000FF}

关键：也可以用下面（第二：链接定义）的链接方式

 

第二：链接定义

/*最简单方式，也是最好的方式，直接定义链接a的class类样式*/关键
a.lvse:link{ color:#33CC66}
a.lvse:hover,a.lvse:visited{ color:#0000FF}

 

第三：自动换行

ul指定了宽度，li自动换行

ul.subject{ padding:0; margin:5px 0 0 0; width:200px; height:100px; background-color:#99FF00}
.subject li{ float:left; width:70px; text-align:center; background:#efefef; margin: 3px; height:18px; line-height:18px;}

 

第四：li可以设置背景 宽度 文字居中  外边距等 如上面样式