最近写项目过程中遇到一个CSS盒子模型中外边距（margin）折叠的情况，搞得我焦头烂额，之后再网上查阅了大量的资料，现做一个整理和总结，方便以后忘记的时候查阅，同时也供广大网友参考。如有错误或者总结方面不全的地方，欢饮广大网友指出。 外边距折叠的概念：所谓外边距折叠就是相邻的两个或多个元素（含有子 ...
分类：
Web程序 时间：
2020-01-20 00:22:21
阅读次数：
181
Margin(外边距) - 清除边框外的区域，外边距是透明的。 Border(边框) - 围绕在内边距和内容外的边框。 Padding(内边距) - 清除内容周围的区域，内边距是透明的。 Content(内容) - 盒子的内容，显示文本和图像。 ...
分类：
Web程序 时间：
2020-01-18 12:47:45
阅读次数：
83
盒子模型应该是html+css非常重要的内容，网页开发中必然会用到，但到最近我才真正的理解盒子模型的意义。 标准盒子模型 内容说明: Margin（外边距）: 清除边框区域。Margin没有背景颜色，它是完全透明。 Border（边框）: 边框周围的填充和内容。边框是受到盒子的背景颜色影响。 Pad ...
分类：
Web程序 时间：
2020-01-18 11:12:16
阅读次数：
157
盒子模型&双飞翼实现 CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：外边距（margin）、边框（border）、内边距（padding）、实际内容（content）四个属性。 盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。 盒模型有两种情况:W3C盒子模型和IE盒子模型 ...
分类：
Web程序 时间：
2020-01-12 23:35:07
阅读次数：
140
原文:CSS3(5)---伸缩布局(Flex) CSS3(5)---伸缩布局 有关页面布局之前写过三篇相关文章： 1、CSS(5)---盒子模型 2、CSS(6)---浮动(float) 3、CSS(8)---定位(position) 一、什么是Flex 布局 1、Flex 布局特点 上面三种布局都... ...
分类：
Web程序 时间：
2020-01-12 10:02:00
阅读次数：
91
盒子有三大部分 盒子璧：border 内边距: padding 盒子内容:width+height 盒子模型 4部分 ...
分类：
Web程序 时间：
2020-01-06 09:43:57
阅读次数：
74
.father{ width:300px; height:300px; background-color:red; margin-top:100px } .son{ width:200px; height:200px; background-color:green; margin-top:20px ...
分类：
Web程序 时间：
2019-12-29 16:52:26
阅读次数：
61
1. CSS 盒子模型 大体包含:margin、padding、border、content。 官网的解释： 在一个文档中，每个元素都被表示为一个矩形的盒子。确定这些盒子的尺寸, 属性 像它的颜色，背景，边框方面 和位置是渲染引擎的目标。 在CSS中，使用标准盒模型描述这些矩形盒子中的每一个。这个模 ...
分类：
其他好文 时间：
2019-12-24 18:11:05
阅读次数：
113
题目概览 常见的浏览器内核都有哪些？并介绍下你对内核的理解 说说你对css盒子模型的理解 简要描述下JS有哪些内置的对象 Web实时消息推送技术有哪些方式 题目解答 常见的浏览器内核都有哪些？并介绍下你对内核的理解 概念：内核主要分为渲染引擎和 JS 引擎。前者负责页面的渲染，后者负责执行解析 Ja ...
分类：
其他好文 时间：
2019-12-20 01:24:37
阅读次数：
150
参考 https://www.w3cschool.cn/css/css-boxmodel.html https://blog.csdn.net/zengyonglan/article/details/53301146 CSS 盒子模型(Box Model) 盒子模型 ("box model")是CS ...
分类：
其他好文 时间：
2019-12-14 09:25:56
阅读次数：
69
