1.使用自身浮动法： 自身浮动法的原理就是对左右分别使用float:left和float:right，float使左右两个元素脱离文档流，中间元素正常在正常文档流中。对中间文档流使用margin指定左右外边距进行定位。该布局法的不足是三个元素的顺序，middle一定要放在最后，middle占据文档流 ...
分类：
其他好文 时间：
2019-10-27 16:50:51
阅读次数：
89
相对定位和绝对定位，不改变元素的大小形状，只改变元素的位置。 相对定位和绝对定位是通过position属性来控制的，position属性的值为下面几种： 注：对于html的标准流(文档流)和浏览器怎么渲染各个DOM元素等底层知识，我不怎么清楚，下面的理解方式不一定正确，仅供参考。 相对定位： pos ...
分类：
Web程序 时间：
2019-10-26 21:04:13
阅读次数：
102
1. document.write( ) 如果页面文档流加载完毕，再调用这句话会导致页面重绘（根据 document.write()写入的内容，生成新的页面) 2.element.innerHTML innerHTML 创建多个元素效率更高（不要拼接字符串，采取数组形式拼接），结构稍微复杂 例： v ...
分类：
其他好文 时间：
2019-10-15 13:43:04
阅读次数：
172
默认元素使用position：static。 在使用position不使用默认值定位后，会影响正常的文档流， 如absolute会寻找父级元素定位，fixed以视口为依据定位， 此时，对于各个元素的层级关系： 1. 同级元素中，后面元素的层级会高于之前层级。 2. 父子元素中，子元素层级会高于父元素 ...
分类：
Web程序 时间：
2019-10-13 12:49:52
阅读次数：
1422
我们在编写网页代码时，首先应该做的就是设计好页面的布局形式，然后再往里面填充内容。网页布局的好与坏，直接决定了网页最终的展示效果。PC端常见的网页布局形式有两列布局、三列布局等。在CSS中，我们通常使用浮动(float)、定位(position)、显示模式(display)相关属性结合使用，以达到预期效果。一 文档流 文档流就是HTML文档内所有元素按照一定规律排列并显示的形式。 CSS文档
分类：
Web程序 时间：
2019-10-13 11:17:57
阅读次数：
77
（1）margin:auto法 定位为上下左右为0，margin：0可以实现脱离文档流的居中。 （2）margin负值法 补充：其实这里也可以将margin-top和margin-left负值替换成： ransform：translateX(-50%)和transform：translateY(-5 ...
分类：
其他好文 时间：
2019-10-06 17:04:20
阅读次数：
85
img标签 src：存放图片资源路径 示例路径：../HTML/imgs/banner1.jpg 相对路径（相对当前文档） C:\User\Desktop\web\HTML\imgs\banner1.jpg 绝对路径（基本上不会用到） alt：当图片无法正常显示时的提示内容 title：当鼠标悬停在 ...
分类：
Web程序 时间：
2019-09-21 17:30:39
阅读次数：
114
一、什么情况下发生外边距的合并 1）必须处于普通文档流中(不能脱离文档流)，并且处于同一个BFC中 2）相邻的外边距，不能有间隙和边框 3）垂直方向上 二、如何合并 1）兄弟元素之间，外边距合并会去最大的那个外边距而不是取和 2）父子元素之间，外边距合并会将子元素的外边距设置给父元素 3）空元素 三 ...
分类：
其他好文 时间：
2019-09-17 22:42:35
阅读次数：
100
分组元素用于对页面中的内容进行分组。 figure元素和figcaption元素 figure 元素用于定义独立的流内容（图像、图表、照片、代码等），一般指一个独立的单元。 figure 元素的内容应该与主内容相关，但如果被删除，也 不会对文档流产生影响 。 figcaption 元素用于为figu ...
分类：
其他好文 时间：
2019-09-15 18:49:01
阅读次数：
494
定位布局：视觉格式化模型：css的一种机制，规定了页面找那个多个盒子的布局。 视口：指浏览器的可视区域 定位体系： 常规流（normal flow） 浮动（float） 绝对定位（absolute positioned） 绝对定位 absolute：元素会脱离文档流，如果设置偏移量，会影响其他元素的 ...
分类：
其他好文 时间：
2019-09-13 15:32:14
阅读次数：
90
