能幫忙分析一下嗎？有時(shí)候還是不怎么懂
.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樣式里設(shè)置list-style-type;font-size,padding;但是ul距div還是有很大間距.
background-position我也不是太懂,設(shè)置0 16px;這個(gè)我知道。但是16px 0這是代表什么？為什么可以實(shí)現(xiàn)只顯示藍(lán)色圖片
2017-04-16
0 16px 是背景圖相對(duì)于你設(shè)置的那個(gè)元素的盒子的右上角向右偏移0，向下偏移 16px
16 0px 是背景圖相對(duì)于你設(shè)置的那個(gè)元素的盒子的右上角向右偏移16px，向下偏移 0px
至于你的間距很大，可能是你沒(méi)有設(shè)置ul的左浮動(dòng)，或者你的ul的父元素div本身帶有默認(rèn)的padding，
喜歡簡(jiǎn)單粗暴點(diǎn)的就在開(kāi)頭設(shè)置*{margin:0;padding:0}這樣你所有的元素都沒(méi)有默認(rèn)的padding，跟margin有好有壞