BFC的布局规则以及触发条件 1 .BFC的含义 ： Block Formatting Contexts（BFC） 块级元素格式化上下文 它决定了块级元素如何对它的内容进行布局，以及与其他元素的关系和相互关系 块级元素：父级（是一个块元素） 内容：子元素（是一个块元素） 其他元素：与内容同级别的兄弟 ...
分类：
其他好文 时间：
2019-01-20 18:51:14
阅读次数：
212
Float float 属性的原本作用是： float 父元素高度塌陷实现文字环绕效果 float 固定一列宽的自适应布局 float 多列布局` float 固定一列宽的自适应布局 float 多列布局 clear 元素盒子的边不能和 浮动元素相邻 clear 属性只对块级元素生效 等伪元素默认是 ...
分类：
其他好文 时间：
2019-01-20 00:11:45
阅读次数：
227
一、高度塌陷 （一）在文档流中，一个块级元素如果没有设置height，其height是由子元素撑开的；也就是子元素多高，父元素就多高； 但是为子元素设置浮动后，子元素会完全脱离文档流，此时会导致子元素无法撑起父元素的高度，导致父元素的高度塌陷； 由于父元素的高度塌陷了，则父元素下的所有元素都会向上移 ...
分类：
其他好文 时间：
2019-01-19 11:14:11
阅读次数：
156
区别： 1.行内元素与块级函数可以相互转换，通过修改display属性值来切换块级元素和行内元素，行内元素display：inline，块级元素display：block。 2.行内元素和其他行内元素都会在一条水平线上排列，都是在同一行的； 块级元素却总是会在新的一行开始排列，各个块级元素独占一行， ...
分类：
Web程序 时间：
2019-01-18 14:23:38
阅读次数：
215
水平居中 行内元素的水平居中 text-align:center（在父元素中设置） 只对内联元素或行内块元素有效 需要放置于父元素中 块级元素的水平居中 margin: 0 auto; 只对块级元素有效 auto指的是自适应宽度。实质就是均分了元素左右的剩余空间，所以元素会居中。 auto只有在块级 ...
分类：
Web程序 时间：
2019-01-16 16:48:47
阅读次数：
190
标签（空格分隔）： 标签嵌套规则 HTML中标签元素三种不同类型：块状元素，行内元素，行内块状元素。常用的块状元素： 常用的行内元素: 常用的行内块状元素 块级元素特点：display:block; 1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。独占一行 2、元素的高度、宽度、行高以及 ...
分类：
其他好文 时间：
2019-01-13 21:14:05
阅读次数：
180
1. 圣杯布局 2. CSS合并方法 3. 盒子模型 4. CSS定位 5. CSS动画原理 6. CSS3动画（简单动画的实现，如旋转等） 7. CSS不同选择器的权重(CSS层叠的规则) 8. flexbox布局 9. 块级元素和行内元素的异同 10. CSS在性能优化方面的实践（比方说选择器的 ...
分类：
Web程序 时间：
2019-01-11 00:02:01
阅读次数：
347
javascript: JavaScript中如何检测一个变量是一个String类型？请写出函数实现 typeof(obj) === "string" typeof obj === "string" obj.constructor === String 请用js去除字符串空格？ 方法一： ...
分类：
其他好文 时间：
2019-01-10 23:22:37
阅读次数：
363
定位 一、介绍： position设置块级元素相对于其父块的位置和相对于它自身应该在的位置，任何使用定位的元素都会成为块级元素。 1、属性值 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。如果元素没有已定位的父元素，那么它的位置相对于<html>【即相对与页面的上、左边框 ...
分类：
Web程序 时间：
2019-01-10 21:50:27
阅读次数：
220
HTML标签有更多种，不仅限于以下标签，仅作记录。 块级元素 块级元素（block level element） 总是独占一行，表现为另起一行开始，而且其后的元素也必须另起一行显示 宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制 宽度没有设置时，默 ...
分类：
Web程序 时间：
2019-01-01 17:21:22
阅读次数：
339
