一、文本流 document flow => normal flow 本质:普通流/常规流 流:水流 河流 泥石流 => 自上而下(连续的),连续的 文档:页面主体 文档流:一个连续具有逻辑上下的页面整体 理解:出现在页面中的显示内容,均可以理解为在文档流中(片面的) 概念:将窗体自上而下分成一行一 ...
分类:
Web程序 时间:
2018-09-27 22:18:55
阅读次数:
229
一、文档流(normal flow) 1.概念 2.BFC(Block formatting context) 3.BFC规则 内部的Box会在垂直方向,一个接一个的放置 根据BFC布局方向 ,Box自身的水平方向位置,由margin左或右控制,相邻Box的margin会叠加 Box的垂直位置,由m ...
分类:
其他好文 时间:
2018-09-27 20:11:36
阅读次数:
202
高级布局:文档流、浮动布局、流式布局、定位布局、flex布局、响应布局 一、文档流 1、什么是文档流 将窗体自上而下分成一行一行,块级元素从上至下、行内元素在每行中从左至右的顺序依次排放元素 2、本质 文档流本质是 nomal flow (普通流、常规流) 3、BFC(Block Formattin ...
分类:
其他好文 时间:
2018-09-27 17:06:40
阅读次数:
258
高级布局 一、文档流(normal flow) 1、概念 v_hint:本质不存在文档流概念,当一个错误的概念被绝大数人认为是对的,那么它就是对的 2、BFC(Block formatting context) 3、BFC规则 二、浮动布局 1、解决的经典案例 2、基本语法 3、浮动布局问题 在不做 ...
分类:
其他好文 时间:
2018-09-27 15:31:26
阅读次数:
142
文档流 document flow=> normal flow 本质:普通流/常规流 流:水流 河流... => 自上而下(连续的,连续的 文档:页面主体 文档流:一个连续具有上下逻辑的页面整体 理解:出现在页面中的显示内容,均可以理解为在文档流中(片面的) 概念:将窗体自上而下分成一行一行,块级元 ...
分类:
Web程序 时间:
2018-09-26 22:12:14
阅读次数:
230
高级布局 一、文档流(normal flow) 1、概念 v_hint:本质不存在文档流概念,当一个错误的概念被绝大数人认为是对的,那么它就是对的 2、BFC(Block formatting context) 3、BFC规则 二、浮动布局 1、解决的经典案例 2、基本语法 3、浮动布局问题 在不做 ...
分类:
其他好文 时间:
2018-09-26 22:09:01
阅读次数:
197
position (位置) 只要使用定位,必须要有一个相对的参照物(position:relative) 具体定位的那个元素需要加(position:absolute) 使用绝对定位的时候,浏览器会逐层向上级元素找position属性,如父级没有就会继续向上级查找position,一直找到posit ...
分类:
其他好文 时间:
2018-09-26 20:12:40
阅读次数:
146
css-position属性为块级元素的定位提供了可能,今天我将讲述我所了解的position属性。 div、h、p元素都可以称为块级元素,display属性可以改变其框类型,其值可以对框进行设置,默认下也会创建块级显示。此情况发生在把一些文档添加到一个块级元素的开头,即使没有这些文本定义为段落,他 ...
分类:
Web程序 时间:
2018-09-24 22:16:25
阅读次数:
207