關于樣式的問題
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無標題文檔</title>
<style type="text/css">
ul{
margin:0 auto;
}
li{
font-size:14px;
float:left;
margin-left:40px;
line-height:40px;
list-style:none;
}
</style>
</head>
<body>
<ul>
<li>首頁</li>
<li>素材庫</li>
<li>賽事風云</li>
<li>新潮資訊</li>
<li>世界之星</li>
<li>云服務</li>
<li>需求大廳</li>
</ul>
</body>
</html>
最后這里,
ul{
margin:0 auto;
}
這句話有什么作用?
我刪除了這句話,結果顯示沒有變化.
2016-03-31
margin上下是0像素,左右邊距自動
2016-03-31
margin后面如果只有兩個參數(shù)的話,第一個表示top和bottom,第二個表示left和right
因為0 auto,表示上下邊界為0,左右則根據(jù)寬度自適應相同值(即居中)
2016-03-31
列表內容水平居中
2016-03-31
margin:0px,這一句是刪除UL的縮進,這樣做可以使所有的列表內容都不縮進。?
2016-03-31
列表內容水平居中
2016-03-31
清除ul的默認樣式(margin:外邊距)
2016-03-31
列表內容水平居中