CSS--理解块级格式上下文(BFC) 1.BFC 定义 BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域,只有Block-level box(块级元素)参与, 它规定了内部的Block-level Box如何布局,并且与这个区域外部毫不相 ...
分类:
Web程序 时间:
2019-07-01 09:11:59
阅读次数:
124
1. 基本概念: 视觉格式化模型:视觉格式化模型(visual formatting model): CSS的一种机制,它规定了页面中的多个盒子如何布局 注意:HTML中的每个元素都会在页面中生成盒子,这些盒子如何排列、如何相互影响,由视觉格式化模型定义 视口(viewport):可视窗口,通常指浏 ...
分类:
其他好文 时间:
2019-06-22 19:54:52
阅读次数:
127
目的:判断成绩所属的等次。 方法: 1、选定目标单元格。 2、在目标单元格中输入公式:=IF(C3>=90,"优秀",IF(C3>=80,"良好",IF(C3>=60,"及格","不及格")))。 3、Ctrl+Enter填充。 解读: IF函数是条件判断函数,根据判断结果返回对应的值,如果判断条件 ...
分类:
其他好文 时间:
2019-06-19 00:16:59
阅读次数:
148
【Gamma阶段】第六次Scrum Meeting 每日任务内容 | 今日工作任务 | 明日待完成任务 | | | | | | | "课程列表页针对移动端进行调整" | "首页样式优化设计" | 戴荣 | | "移除部分tag、log语句,更新部分文档" | "移除所有tag、logger、累赘设定 ...
分类:
其他好文 时间:
2019-06-17 00:51:50
阅读次数:
103
在一个Web页面的CSS渲染中,块级格式化上下文 (Block Fromatting Context)是按照块级盒子布局的。W3C对BFC的定义如下: 为了便于理解,我们换一种方式来重新定义BFC。一个HTML元素要创建BFC,则满足下列的任意一个或多个条件即可: 1、float的值不是none。2 ...
分类:
其他好文 时间:
2019-06-16 21:30:25
阅读次数:
121
hello 朋友们,我又来了哦!对的没错,今天的话题呢就是高度塌陷。 首先要知道什么是高度塌陷。高度塌陷其实就是指当父元素没有给确定的高度(即父元素高度靠子元素撑起来),并且子元素添加了浮动时,内容无法撑起父元素的高度,即父元素发生高度塌陷。 解决办法: 第一种,开启元素的BFC,元素将会具有如下的 ...
分类:
其他好文 时间:
2019-06-09 13:12:24
阅读次数:
127
Block Formatting Contexts 即块级格式化上下文,它是一个独立的渲染区域,只有Block-level box参与, 它规定了内部的Block-level Box(display 属性为 block, list-item, table 的元素)如何布局,并且与这个区域外部毫不相干 ...
分类:
其他好文 时间:
2019-06-05 00:38:07
阅读次数:
79
1、为什么要初始化CSS样式? 答案:因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏览器之间的页面显示差异。 当然,初始化样式会对SEO有一定的影响,但鱼和熊掌不可兼得,但力求影响最小的情况下初始化。 2、浮动元素引起的问题? 答案:a. 父元素的高度无 ...
分类:
Web程序 时间:
2019-06-03 17:30:00
阅读次数:
126
在Python中,如果我们看过Python源码,那么我们一定看到过这两个东西,*args,**kwargs,那么这是什么呢,我们可以来看看下面这样一段代码,以及输出结果,看完之后,你应该就能明白这二者的意思。 1 import time 2 from functools import wraps 3 ...
分类:
编程语言 时间:
2019-05-31 13:32:52
阅读次数:
120
块格式化上下文(Block Formatting Context,BFC) 是Web页面的可视化CSS渲染的一部分,是块盒子的布局过程发生的区域,也是浮动元素与其他元素交互的区域。 下列方式会创建块格式化上下文: 根元素或包含根元素的元素 浮动元素(元素的 float 不是 none) 绝对定位元素 ...
分类:
其他好文 时间:
2019-05-27 16:24:22
阅读次数:
118