这段 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

问你老师去，好简单