BFC 定义 BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。 在解释什么是BFC之前，我们需要先知道Box、Fo ...
分类：
Web程序 时间：
2020-02-26 17:01:49
阅读次数：
68
受近期疫情影响，我们都不能出家门，那么我们在家可以学习新知识，在逆境中提升自己。加油！！！逆战！！！盒模型： 盒模型是网页布局的基石。只有理解这个重要的概念，才能对网页进行更好的布局。 盒模型的概念： 盒模型从里到外分为：内容区[content]（可以是文字，图片，视频等等）、内填充[padding ...
分类：
Web程序 时间：
2020-02-25 19:37:05
阅读次数：
81
在css中，可以把元素看成一个盒子，就是盒模型，用盒模型可以控制元素之间的位置关系。 盒模型组成由里到外为：concent（内容）+padding（内边距）+border（边框）+margin（外边距） border普通写法：border-width（宽度）border-style（线型）borde ...
分类：
Web程序 时间：
2020-02-23 16:29:42
阅读次数：
86
盒模型是css布局的基石，它规定了网页元素如何显示以及元素间相互关系。css定义所有的元素都可以拥有像盒子一样的外形和平面空间。 HTML文档中可以将每个元素都看作是长方形的盒子。而CSS盒模型规定了元素框处理元素内容content、内边距padding、边框border和外边距margin的方式。 ...
分类：
Web程序 时间：
2020-02-22 23:50:21
阅读次数：
98
css盒模型算得上是web布局的基石了。要想写好整个web项目，那就必须深入了解盒模型，下面我们就来探究一下盒模型所涉及到的相关问题... 盒模型介绍 为了让一些元素看起来布局规整，引用"box model"这一概念，把网页各部分整齐划一。各部分就好比盒子，而里面的元素 (content) 看作物品 ...
分类：
Web程序 时间：
2020-02-22 22:02:40
阅读次数：
99
1.CSS盒模型 盒模型，顾名思义就是一个盒子。生活中的盒子，有长宽高，盒子本身也有厚度，可以用来装东西。页面上的盒模型我们可以理解为，从盒子顶部俯视所得的一个平面图，盒子里装的东西，相当于盒模型的内容（content）；东西与盒子之间的空隙，理解为盒模型的内边距（padding）；盒子本身的厚度， ...
分类：
Web程序 时间：
2020-02-22 09:30:54
阅读次数：
54
CSS篇 1.CSS 盒子模型，绝对定位和相对定位 css盒模型有两种，一种是标准盒模型 一种是怪异盒子模型 1.box-sizing: content-box; // width = content + padding + border 2.box-sizing: border-box; // w ...
分类：
其他好文 时间：
2020-02-16 10:16:49
阅读次数：
141
中高级前端面试秘籍 引言 又是一年寒冬季，只身前往沿海工作，也是我第一次感受到沿海城市冬天的寒冷。刚过完金九银十，经过一场惨烈的江湖厮杀后，相信有很多小伙伴儿已经找到了自己心仪的工作，也有的正在找工作的途中。考虑到年后必定又是一场不可避免的厮杀，这里提前记录一下自己平时遇到和总结的一些知识点，自己巩 ...
分类：
Web程序 时间：
2020-02-02 19:35:31
阅读次数：
83
盒子模型&双飞翼实现 CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：外边距（margin）、边框（border）、内边距（padding）、实际内容（content）四个属性。 盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。 盒模型有两种情况:W3C盒子模型和IE盒子模型 ...
分类：
Web程序 时间：
2020-01-12 23:35:07
阅读次数：
140
摘自： https://www.cnblogs.com/yanqiu/p/8987126.html HTML标签 html标签定义： 是由一对尖括号包裹的单词构成,例如: <html>. 标签不区分大小写<html> 和 <HTML>, 推荐使用小写. 标签分为两部分: 开始标签<html> 和 结 ...
分类：
Web程序 时间：
2019-12-04 11:50:01
阅读次数：
110
