标签:: css

BFC(Flow Root)

BFC 定义CSS2.1的定义 Block formatting contexts9.4.1 Block formatting contextsFloats, absolutely positioned elements, block containers (such as inline-blocks, table-cells, and table-captions) that are not b

也说说三栏布局

注:很多代码直接来自详解 CSS 七种三栏布局技巧 流体布局原理:左右模块各自向左右浮动,并设置中间模块的 margin 值使中间模块宽度自适应。缺点: 主要内容无法最先加载,当页面内容较多时会影响用户体验。 窗体足够小的时候是会掉行破坏布局,一般会设置上层容器的min-width。 三栏布局之流体布局 BFC 三栏布局原理:BFC 区域,不会与浮动元素重叠。因此我们可以利用这一点来

CSS float

定义和用法float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。如果浮动非替换元素,则要指定一个明确的宽度;否则,它们会尽可能地窄。注释:假如在一行之上只有极少的空间可供浮动元素,那么这个元素会跳至下一行,这个过程会持续到某一行拥有足够的空间为止。 借用CSS浮动float详

CSS Content 属性

content 属性,用在after,before伪元素上,用于在选中的元素前后插入内容。插入的内容多种多样, 纯文字 123h1::after{content:"h1后插入内容"} 文字符号关于 quotes ,参考CSS quotes 属性 123456789h1{ quotes:"(" ")"; }h1::befo