能幫忙分析一下嗎？有時候還是不怎么懂
.topList{
????width:300px;
????height:180px;
????border:1px?solid?#E8E8E8;
????margin:0?auto;
????}
ul{
????margin:0;
????list-style-type:none;
????padding:5px;
????font-size:12px;
}
em{
????width:20px;
????height:16px;
????text-align:center;
????font-style:normal;
????color:#333;
????background:url("http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg");
????background-position:0px?16px;
????display:block;
????float:left;
}
.top?em{
????background:url("http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg");
????background-position:16px?0px;
}
a:link,a:visited{
????text-decoration:?none;
????color:?#000;
}
a:hover,a:active{
color:?#f00;
}我在ul樣式里設置list-style-type;font-size,padding;但是ul距div還是有很大間距.
background-position我也不是太懂,設置0 16px;這個我知道。但是16px 0這是代表什么？為什么可以實現只顯示藍色圖片
2017-04-16
0 16px 是背景圖相對于你設置的那個元素的盒子的右上角向右偏移0，向下偏移 16px
16 0px 是背景圖相對于你設置的那個元素的盒子的右上角向右偏移16px，向下偏移 0px
至于你的間距很大，可能是你沒有設置ul的左浮動，或者你的ul的父元素div本身帶有默認的padding，
喜歡簡單粗暴點的就在開頭設置*{margin:0;padding:0}這樣你所有的元素都沒有默認的padding，跟margin有好有壞