这段 css 谁能给解释一下 详细的解释

Question

*{padding:0;margin:0;}

.clear{clear:both;overflow:hidden;}

ul{list-style:none;}

.hot{width:800px;margin:50px auto;}

.hot li{

float:left;

width:170px;

margin:15px 10px;

padding:5px;

border-radius:5px;

box-shadow:0 0 2px rgba(0,0,0,.5);

}

.hot li img{

width:170px;

height:120px;

border-radius:5px;

vertical-align:bottom;

}

Answer 1

*{     padding:0;     margin:0;  }//通配符，选择全部标签，将浏览器默认的内边距0，外边距为0，相当于初始化 .clear{     clear:both;//去除所有浮动     overflow:hidden;//内容如果发生溢出，超出盒子，则将溢出内容隐藏    } ul{     list-style:none;//去掉无序列表的前面的点，即使该样式为没有样式 } .hot{     width:800px;//设置宽为800px     margin:50px auto;//使元素上下有50px的外边距，左右自动匹配，即可使元素居中    } .hot li{     float:left;//使li全部左浮动，使列表项横向     width:170px;//设置宽度为170px     margin:15px 10px;//上下15px外边距，左右10px外边距     padding:5px;//上下左右5px内边距     border-radius:5px;//盒子有5px的圆角边框     box-shadow:0 0 2px rgba(0,0,0,.5);/*上下左右0偏转的阴影，2px的扩散值，                                         颜色为黑色rgb（0，0，0），有0.5的透明度*/ } .hot li img{     width:170px;//设置170px的宽度     height:120px;//设置120px的高度     border-radius:5px;///盒子有5px的圆角边框     vertical-align:bottom;//竖直方向为下对齐 }希望能帮到你，

Answer 2

问你老师去，好简单