这段时间去找工作，发现了很多出现概率比较高的面试题，这里记录一下，希望对大家有帮助！ 盒子模型的类型和区别 盒子包括：外边距（margin）、边框（border）、内边距（padding）、实际内容（content）四个属性。 分为盒子模型(标准盒模型)和IE盒子模型(怪异盒模型)，两者最大的区别是 ...
分类：
其他好文 时间：
2021-06-24 18:17:06
阅读次数：
0
一、什么是文档流？ 将窗体自上而下分成一行一行，并在每行中按从左至右依次排放元素，称为文档流，也称为普通流。 这个应该不难理解，HTML中全部元素都是盒模型，盒模型占用一定的空间，依次排放在HTML中，形成了文档流。 二、什么是脱离文档流？ 元素脱离文档流之后，将不再在文档流中占据空间，而是处于浮动 ...
分类：
Web程序 时间：
2021-05-24 00:43:11
阅读次数：
0
1.仅水平居中： 1.1行内元素水平居中：text-align 1 <head> 2 <style> 3 #box { 4 width: 200px; 5 height: 200px; 6 border: 1px solid red; 7 /* 行内元素水平 */ 8 text-align: cen ...
分类：
其他好文 时间：
2021-04-12 12:06:07
阅读次数：
0
垂直外边距的重叠(折叠) 特性描述：在盒模型设置外边距时，相邻的垂直方向上，两个元素的外边距会发生重叠现象 兄弟元素 （1）兄弟元素间的相邻垂直外边距会取两者之间的较大值(两者都是正值） （2）特殊情况 - 如果相邻的外边距一正一负,则取两者的和 - 如果相邻的外边距都是负值,则取两者中绝对值较大的 ...
分类：
Web程序 时间：
2021-04-10 12:53:33
阅读次数：
0
每个存在于可访问性树中的元素都会被浏览器绘制成一个盒子。
每个盒子都可以看成由4部分组成，它们分别是 — **元素外边距（margin）**、**元素边框（border）**、**元素内边距（padding）**和**元素内容（content）**。 ...
分类：
Web程序 时间：
2021-04-09 13:39:42
阅读次数：
0
我们都知道标准盒模型和怪异盒模型是有不同的 但是知道遇到一个面试题，还是感觉自己理解的不够深刻 面试题： 一个div宽200高100，padding-top为50%，问实际高度为多少？ 一道题很多坑： 坑一：不要想当然的是一个盒模型，两个都要答！ 坑二：只有50%，没有给父元素高度！ 坑三：注意注意 ...
分类：
Web程序 时间：
2021-03-17 14:55:34
阅读次数：
0
一、传统盒模型布局 二、flex弹性布局 详见之前文章 https://www.cnblogs.com/cxyqts/p/13048633.html 三、absolute定位布局 四、gird栅格布局 五、float浮动布局 ...
分类：
Web程序 时间：
2021-02-05 10:46:21
阅读次数：
0
BFC 全称为块格式化上下文 (Block Formatting Context) 。它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用 ... ...
分类：
Web程序 时间：
2021-01-02 10:39:19
阅读次数：
0
盒子的六个属性：1·width属性 2.height属性 3.内边距（padding）4.边距（border）5.外边距（margin）6.背景属性（background） 垂直居中的条件：单行文字垂直居中，行高等于高度值 当行高小于高度，文字偏上；当行高大于高度，文字偏下。 盒模型的宽度=左外边距 ...
分类：
其他好文 时间：
2020-11-26 14:08:53
阅读次数：
5
盒子模型 当对一个文档进行布局（lay out）的时候，浏览器的渲染引擎会根据标准之一的 CSS 基础框盒模型（CSS basic box model），将所有元素表示为一个个矩形的盒子（box）。CSS 决定这些盒子的大小、位置以及属性（例如颜色、背景、边框尺寸…）。 ——MDN 1. 盒子模型的 ...
分类：
Web程序 时间：
2020-11-08 17:51:22
阅读次数：
33
