![](https://img-blog.csdnimg.cn/20210518151817893.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
CSS
文章平均质量分 52
CSS
Silly夏
英特纳雄耐尔夏
展开
-
CSS 清除浮动样式,Ctrl+C,Ctrl+V拿来就用
清除浮动.clearfix:before,.clearfix:after{ content:""; display:table; /*触发BFC,防止外边距合并*/}.clearfix:after{ clear:both;}.clearfix{ /*IE浏览器适配*/ *zoom;1;}原创 2021-07-17 11:27:57 · 154 阅读 · 0 评论 -
CSS CSS的选择器及其权重到底是怎么计算的?
选择器常见的选择器有以下几种ID选择器、类选择器、标签选择器、伪类、伪元素、类型选择器…选择器权重选择器的优先权用权重来计算,权重越高,优先级越高。样式选择器权重!important正无穷内联样式1000ID选择器100类选择器10伪类10属性选择器10元素选择器1伪元素1...原创 2021-07-07 19:36:54 · 81 阅读 · 0 评论 -
CSS DIV盒子塌陷问题------为什么会出现此现象?How to solve it efficiently ?快到碗里来!
文章目录盒子塌陷问题1 出现问题2 解决办法3 测试4 总结盒子塌陷问题1 出现问题有两个嵌套DIV盒子,父盒子里面有一个子盒子,想让子盒子与父盒子上边框之间有一段间距,但是给子级元素添加的外边距没有起效果,效果显示在了父级元素的身上。示例:设置大小两个DIV盒子,父盒子宽高各200px,子盒子宽高各50px。HTML结构为:<body> <div class="box1"> <div class="box2"></di原创 2021-06-09 17:50:24 · 1237 阅读 · 2 评论 -
CSS 限制文本显示行数
文章目录CSS限制文本显示行数假设需求解决方案CSS样式示例Demo浏览器页面效果CSS限制文本显示行数假设需求有若干段文本内容,要显示在一个盒子内,宽高限制;要求只能显示5行,超出的部分自动溢出隐藏,第五段末尾用省略号结尾。解决方案设置对象的盒子模型为弹性伸缩盒子display:-webkit-box;设置伸缩盒子的子元素排列方式-webkit-box-orient:vertical;溢出不换行white-space:nowrap;设置显示的行数-webkit-line-cla原创 2021-06-08 21:56:19 · 7814 阅读 · 0 评论