文档流（标准流） 1、元素自上而下，自左而右 2、块元素，独占一行，行内元素在一行上显示，碰到父级元素的边框换行 浮动left 浮动的框可以向左或是向右移动，直到它的边缘碰到包含框或是另个浮动框的边框为止 特点 设置了浮动的元素不占原来的位置（不在标准流） 可以让块级元素在一行显示 浮动可以行内元素 ...
分类：
Web程序 时间：
2017-09-14 20:08:06
阅读次数：
261
我们先来看看CSS3 Api中对position属性的相关定义： static：无特殊定位，对象遵循正常文档流。top，right，bottom，left等属性不会被应用。 relative：对象遵循正常文档流，但将依据top，right，bottom，left等属性在正常文档流中偏移位置。而其层叠 ...
分类：
Web程序 时间：
2017-09-14 18:49:59
阅读次数：
220
在 html 文档中的执行顺序js代码执行顺序比较的形象，用户可以直观的感受这种执行顺序。但是，js代码的执行顺序是比较复杂的。有时候我们会把js代码写在html里面，而html文档在浏览器中解析的过程是这样：浏览器按照文档流从上到下逐步解析页面结构和信息。js代码作为嵌入的脚本也算做html文档的 ...
分类：
Web程序 时间：
2017-09-13 21:15:36
阅读次数：
233
我们常说的文档流分为普通流、浮动流与定位流三种。 FC(formatting context格式化上下文)，指的是一块渲染区域，依靠渲染规则，决定其子元素如何布局及与其他元素的关系和作用。 FC分为BFC、IFC、GFC和FFC，其中BFC(block formatting context)块级格式 ...
分类：
其他好文 时间：
2017-09-12 17:48:38
阅读次数：
220
题目1:假设高度已知，请写出三栏布局，其中左栏、右栏宽度各为300px,中间自适应 答案: ①、浮动方式 ②、定位方式 ③、flex布局 ④、表格布局 ⑤、网格布局 问题扩展： 1、几种方法的优缺点 浮动：需要清除浮动，但兼容性较好 定位:脱离文档流，导致下面的内容都要脱离文档流，但是比较快捷 fl ...
分类：
Web程序 时间：
2017-09-11 19:36:00
阅读次数：
233
一、CSS百分比padding都是相对宽度计算的 在默认的水平文档流方向下，CSS margin和padding属性的垂直方向的百分比值都是相对于宽度计算的，这个和top, bottom等属性的百分比值不一样。 这么设计的原因在我的新书（应该不出几个月就要出版了）中会有说明，这里不展开。 对于pad ...
分类：
Web程序 时间：
2017-09-10 16:38:08
阅读次数：
231
1.关于html（基础） 在 HTML5 中，<cite> 标签定义作品的标题。 在 HTML 4.01 中，<cite> 标签定义一个引用。 行内元素（如a标签），在文档流中的时候因为是行内元素所以无法设置宽高； 而当设置了绝对定位或者浮动，会生成块框（即变成块元素），所以就可以设置宽高了。 HT ...
分类：
Web程序 时间：
2017-09-10 14:28:34
阅读次数：
149
块级元素和行级元素都是盒子模型。 <wrap>包裹网页上中下块级元素，设置wrap使网页居中。 wrap{ width:700px; margin:0 auto;} 盒子模型的三位立体图： 边框（border），位于盒子的第一层。 元素内容（content）、内边距（padding），两者同位于第二 ...
分类：
Web程序 时间：
2017-09-08 20:29:07
阅读次数：
266
一.position属性 意指:盒子的位置。 四个属性: 1.static:默认值，没有定位，元素按照标准文档流进行布局。 2.relative:相对定位，使用相对定位的盒子位置以标准文档流进行的排办方式为基础，然后使盒子相对于他原本的位置偏移指定的距离。相对定位的盒子仍然在标准文档流中，其后的盒子 ...
分类：
Web程序 时间：
2017-09-08 16:21:44
阅读次数：
645
主要布局： 一、简单应用。 而且我们发现，当box 设置为flex布局时没有设置高度，而content设置了高度把box撑大了。 因此总结出弹性布局内的内容不会脱离文档流。 二、flex划分 当我们添加以下内容时。（未添加时：由于.box .content{flex:1;}所以间接的.box .co ...
分类：
其他好文 时间：
2017-09-05 20:52:18
阅读次数：
232
