CSS盒模型 CSS盒模型本质上是一个盒子，封装周围的 HTML 元素，包括 外边距（marign），边框（border），填充（padding），内容物（content） 盒子模型的类型：W3C 标准和模型和 IE 盒模型（怪异盒模型） W3C 标准盒模型：属性 width 和 height 只包 ...
分类：
Web程序 时间：
2020-05-30 01:15:24
阅读次数：
68
在HTML中，若想要实心划分区域，则：1、添加标签；2、对标签设置尺寸（宽高） 但只要是添加了一个元素（标签），就会在页面中生成一个盒子，不同元素产生的盒子模型可能不同，这取决于它CSS的display属性 1、display:当前元素的显示方式 display：none；不生成盒子 特点：在页面不 ...
分类：
Web程序 时间：
2020-05-26 01:26:02
阅读次数：
103
# 5.盒模型 - box-sizing:content-box | border-box; 默认content-box 一个盒模型的功能强弱，直接决定了布局是否简洁，决定了编程的复杂度。 正常盒子： boxWidth = width + border*2 + padding*2; IE6混杂模式的 ...
分类：
其他好文 时间：
2020-05-23 12:57:15
阅读次数：
54
浮动到底是做什么呢？他们是如何影响相关元素的盒模型的呢？浮动的元素与内联元素有什么不同呢？制定浮动元素的位置的具体规则是什么？clear属性是如何工作的，并且它的作用是什么？ 即使是经验丰富的开发者也会在浮动上出错，所以理解浮动的行为能帮你摆脱面对CSS的很多困扰。即使你认为你已经了解了关于浮动的所 ...
分类：
Web程序 时间：
2020-05-21 23:51:13
阅读次数：
70
简介：什么是BFC？ BFC(Block Formatting Context)的英文缩写简称，block可以理解为一个简单的盒模型， Formatting Context则为block的上下文渲染环境。其作用是使内部元素的布局不受外部元素影响。 BFC的触发条件： 根元素,也就是html根标签； ...
分类：
其他好文 时间：
2020-05-19 14:13:11
阅读次数：
109
什么是“层叠上下文” 层叠上下文(stacking context)，是HTML中一个三维的概念。在CSS2.1规范中，每个盒模型的位置是三维的，分别是平面画布上的X轴，Y轴以及表示层叠的Z轴。一般情况下，元素在页面上沿X轴Y轴平铺，我们察觉不到它们在Z轴上的层叠关系。而一旦元素发生堆叠，这时就能发 ...
分类：
Web程序 时间：
2020-05-14 22:15:36
阅读次数：
82
1、有关BFC的理解 2、盒模型的理解 3、box-sizing的理解 4、渐进增强 VS 优雅降级 5、url->页面加载完成的整个流程 6、js组成部分 7、如何跨域访问 8、js判断数组 9、严格模式 10、ajax的优缺点 11、HTML、XML、XHTML 有什么区别 12、html语义化 ...
分类：
其他好文 时间：
2020-05-09 22:53:04
阅读次数：
64
html + css基础 ?基本的布局(中间自适应旁边固定啥的)的几种实现方法； ?垂直居中的几种实现方法； ?盒模型； ?position； ?行内元素和块元素； ?BFC(块级格式化上线文，和浮动一起考)； ?animation； ?伪元素伪类； ?less、sass、stylus这种预处理器； ...
分类：
其他好文 时间：
2020-05-08 20:12:51
阅读次数：
71
即使身为最难毕业生，也要积极应对，一起来看一下前端岗位的面试题吧，准备好自己总是没错的。以下是我遇到的以及从各路前辈处总结的一些题目。 1.盒模型 在网页中，一个元素占有空间的大小由几个部分构成，其中包括元素的内容（content），元素的内边距（padding），元素的边框（border），元素的 ...
分类：
其他好文 时间：
2020-05-07 23:03:03
阅读次数：
80
怪异盒模型 box-sizing:content-box 标准盒模型 总宽/高度=width+左右/上下padding+左右/上下border box-sizing:border-box 怪异盒模型（IE盒模型） 总宽/高度=width(包含padding和border) 弹性盒 特点：1、在弹性盒 ...
分类：
Web程序 时间：
2020-05-04 15:34:51
阅读次数：
89
