- 博客(4)
- 收藏
- 关注
RSS订阅原创 BFC概念及作用
BFC概念BFC——block formatting context(块级格式化上下文)如何触发BFC1、设置float值不为none（left、right）2、设置overflow的值不为visibility（hidden、scroll、auto）3、设置display属性的值为table-cell、table-caption、inline-block、flex之一4、设置position的值为absolute、fixedBFC特性1、浮动的子元素会被父级计算高度（父级触发
2021-08-11 21:32:49
104
原创 高度塌陷及清除浮动
高度塌陷问题及其解决方案（常见的几种清除浮动的方法及其优缺点）父元素没有设置高度，子元素浮动后导致父元素高度为0，就叫做高度塌陷问题1、给父元素设置overflow:hidden;（实际应用较多）原理：给父元素设置overflow:hidden;触发了BFC(块级格式化上下文)的状态，闭合了子元素的浮动，子元素重新参与父元素的高度计算，父元素高度不再为0缺点：显示在父元素框之外的部分会被隐藏2、在浮动的子元素的末尾添加一个空div，并进行设置.box{ clear: both; h
2021-08-11 21:20:55
156
原创 单行文本省略号的设置
单行文本省略号的设置width: 100px; //设置一个宽度white-space: nwrap; //强制在一行显示overflow: hidden; //溢出隐藏text-overflow: ellipsis; //显示省略号容器溢出overflow: visible | hidden | scroll | aoto;visible : 默认值，溢出内容显示在容器框之外hidden : 溢出内容隐藏不可见scroll : 以滚动条的形式查看溢出内容，没有溢出时显示默认滚动条
2021-08-11 20:40:41
146
原创 css选择器
css选择器id选择器语法： <h1 id="city"> hello </h1>样式表中： <style> #city{ color: red; } </style>注：1） id名命名要语义化，不能是汉字、纯数字，不能以数字开头2） 常用的命名方式：驼峰命名法(favCity)、下划线或中划线连接命名法(fav-city、fay_city)3） id名是唯一的，不能出现同名的idclass选择器语法： <
2021-07-30 10:38:32
79
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人