简明现代魔法 -> CSS层叠样式表 -> 让 UL 与 LI 左对齐

让 UL 与 LI 左对齐

2010-01-19

很多html标签都是有初始属性的，而这些属性在不同的浏览器下面又是不同的，所以为了方便，许多人都在css文件最前面写上 *{margin:0;padding:0;} 以消除这种差异。

#article { 
	padding:0px; 
    list-style-type:none; 
    float:left; 
    } 
#article ul{ 
	padding:0px; 
    margin:0px;
    }
#article li{
	height:30px; 
    text-align:left; 
    margin:0px; 
    padding:0px; 
    list-style-type:none;
    } 
#article img { 
	padding:0px;
    }  

本网站所使用的 CSS 一则：

以下为演示效果：

#article { 
	padding:0 0 0 15px; 
	} 

#article li {
	font-family:Verdana,宋体; 
	font-size: 12px;  
	line-height:160%;
	list-style-image:url(../images/sidebarLi.gif);
	margin:0;
	}
	
#article ul{
	margin:0;
	padding:0;
	}