CSS
文章平均质量分 53
小铃铛的打怪之路
这个作者很懒,什么都没留下…
展开
-
CSS复习(3)——BFC
BFC(Block Farmatting Context),块级格式化上下文,是一个独立的渲染区域,让处于BFC中的元素与外部元素相互隔离,使内外的元素的定位不会相互影响。 BCF的布局规则? 先举一个例子 <!--html代码--> <div class="box1"></div> <div class="box2"></div> /*css代码*/ .box1 { width: 100px; height: 100.原创 2021-02-22 15:29:57 · 147 阅读 · 0 评论 -
CSS复习(2)
文章目录1. display:none和visibility:hidden的区别? 1. display:none和visibility:hidden的区别? 方式 display:none visibility:hidden 共同点 能让元素消失 能让元素消失 区别 会让元素完全从渲染树中消失,不占据任何空间 元素依旧在渲染树上,只是不显示,占据渲染树空间 非继承属性,子孙节点消失。由于节点从渲染树上消失,所以无法通过子孙节点显示。 继承属性,子孙节点由于继承消失,但是可以通过v原创 2021-02-22 09:40:23 · 65 阅读 · 0 评论 -
CSS复习(1)——清除浮动
1. 为什么需要清除浮动? 由于父级盒子在很多情况下,不方便给高度,但是子盒子浮动又不占有位置,就会影响下面的标准流盒子(标准流盒子上移)。 2. 清除浮动的本质 清除浮动的本质是清除浮动元素造成的影响:浮动的子标签无法撑开父盒子的高度 如果父盒子本身又高度,则不需要清除浮动 清除浮动之后,父级就会根据浮动的子盒子自动检测高度 父级有了高度,就不会影响下面的标准流了 3.实现 给父元素添加高度 .father { width: 200px; hei原创 2020-09-15 14:14:37 · 144 阅读 · 0 评论