*{ margin:0;padding: 0;}
ul{list-style: none;}
.cat li{display: block;overflow: hidden;text-align: center;border-bottom: 1px solid #E4E4E4;}
.cat h3{font-size: 14px;font-weight: 400;line-height: 33px;height: 33px;}
.cat{width: 150px;background:#f8f8f8;border: 1px solid #D2D2D2;padding: 0 5px;}
ul{list-style: none;}
.cat li{display: block;overflow: hidden;text-align: center;border-bottom: 1px solid #E4E4E4;}
.cat h3{font-size: 14px;font-weight: 400;line-height: 33px;height: 33px;}
.cat{width: 150px;background:#f8f8f8;border: 1px solid #D2D2D2;padding: 0 5px;}
2015-06-26
The HTML <i> Element represents a range of text that is set off from the normal text for some reason, for example, technical terms, foreign language phrases, or fictional character thoughts. It is typically displayed in italic type.
2015-06-24
li i{background: url(http://img1.sycdn.imooc.com//539a950e00015ba500710200.jpg);display: inline;width: 30px;height: 20px;float:left;margin:5px 12px 0 5px}
.cat-1 i{background-position:0 0}
.cat-2 i{background-position:0 -24px}
.cat-3 i{background-position:0 -48px}
.cat-1 i{background-position:0 0}
.cat-2 i{background-position:0 -24px}
.cat-3 i{background-position:0 -48px}
2015-06-17
<head>
<meta charset="UTF-8">
h3{margin:0;padding:0}
ul{list-style: none}
li h3{font-size: 14px;font-weight: 400}
li{display: block;height: 31px;line-height: 30px;overflow: hidden;border-bottom:1px solid #ded}
.cat{width: 150px;background:#f8f8f8;border: 1px solid #bbb}
</style>
</head>
<meta charset="UTF-8">
h3{margin:0;padding:0}
ul{list-style: none}
li h3{font-size: 14px;font-weight: 400}
li{display: block;height: 31px;line-height: 30px;overflow: hidden;border-bottom:1px solid #ded}
.cat{width: 150px;background:#f8f8f8;border: 1px solid #bbb}
</style>
</head>
2015-06-17
發(fā)現(xiàn)一個(gè)大問(wèn)題：這代碼里面只有一個(gè)ul li列表，所以li i{} 可以直接這樣寫(xiě)。但是多個(gè)ul li列表時(shí)。在寫(xiě)樣式li i 換成.cat li i{}就不行了
2015-06-15
最新回答 / Ab_Tang
margin本身可以寫(xiě)成一次 比如*{margin:0}你每個(gè)都寫(xiě)一遍太犯錯(cuò)了 ?li的margin-top：10px真心不是特別理解 為什么要寫(xiě)它
2015-06-14
最贊回答 / 站在樹(shù)端的貓
把<ul>標(biāo)簽?zāi)J(rèn)樣式清零即添加{margin:0；padding:0；}同時(shí)為<li>添加text-align:center；margin:0 10px；?
2015-06-14