- 博客(4)
- 收藏
- 关注
原创 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关注的人