快捷导航

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

*{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;}

免责声明:本内容仅代表回答者见解不代表本站观点,请谨慎对待。

版权声明:作者保留权利,不代表本站立场。

回复

使用道具 举报

参与会员2

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

使用道具 举报

问你老师去,好简单
回复

使用道具 举报

可能感兴趣的问答

发新帖
  • 微信访问
  • 手机APP