浅析 CSS 中的边距重叠 边距重叠是什么 在说边距重叠之前，先以正常的思维来考虑如果你现在是浏览器引擎遇到这种情况应该怎么办？ 现在有两个元素 div1 和 div2 紧挨着，中间没有它元素，它们的外边距就会发生重叠。div1 在左，div2 在右，div1 的 margin left 为 20p ...
分类：
Web程序 时间：
2020-04-24 01:15:37
阅读次数：
72
width：内容的宽度 height: 内容的高度 padding：内边距，边框到内容的距离 border: 边框，就是指的盒子的宽度 margin：外边距，盒子边框到附近最近盒子的距离 盒子的真实宽度=width+2*padding+2*border 盒子的真实宽度=height+2*paddin ...
分类：
Web程序 时间：
2020-04-21 15:03:00
阅读次数：
64
一，高度塌陷 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
分类：
Web程序 时间：
2020-04-16 19:45:17
阅读次数：
94
基本概念 盒模型由 margin + border + padding + content 四个属性组成，分为两种：W3C的标准盒模型和IE盒模型。 Margin(外边距) - 清除边框外的区域，外边距是透明的。 Border(边框) - 围绕在内边距和内容外的边框。 Padding(内边距) - ...
分类：
Web程序 时间：
2020-04-13 00:53:22
阅读次数：
81
CSS（CascadingStyleSheet）可译为“层叠样式表”或“级联样式表”，它定义如何显示HTML元素，用于控制Web页面的外观。通过使用CSS实现页面的内容与表现形式分离，极大提高了工作效率。样式存储在样式表中，通常放在<head>部分或存储在外部CSS文件中。作为网页标准化设计的趋势，CSS取得了浏览器厂商的广泛支持，正越来越多的被应用到网页设计中去。网页现在的新标准是W
分类：
Web程序 时间：
2020-04-09 10:37:37
阅读次数：
104
CSS 布局 - 水平 & 垂直对齐 水平 & 垂直居中对齐 元素居中对齐 要水平居中对齐一个元素(如 <div>), 可以使用 margin: auto;。 设置到元素的宽度将防止它溢出到容器的边缘。 元素通过指定宽度，并将两边的空外边距平均分配： div 元素是居中的 实例 .center{ma ...
分类：
Web程序 时间：
2020-04-08 09:41:56
阅读次数：
84
BFC:面试必问!!!!! 1.什么是BFC? bfc是块级格式上下文，是一个网页的概念，网页是一个盒子一个盒子(div)组成的。 2.如何创建BFC 1.浮动:float:(left、right、inherit)除none以外的值 [使用此属性注意左右距离是否被改变] 2.定位:position( ...
分类：
其他好文 时间：
2020-04-07 13:07:14
阅读次数：
100
css盒子模型 外边距 margin 定义方式 1. 单独定义一边 margin top：定义盒子顶部的边距 margin bottom：定义盒子底部的外边距 margin left：定义盒子左边的外边距 margin right：定义盒子右边的外边距 2. 复合定义 margin：上 左 下 右； ...
分类：
Web程序 时间：
2020-04-05 22:25:03
阅读次数：
105
border-style的值：none无dotted点状dashed虚线solid实线double双实线margin：垂直方向两个相邻元素都设置了外边距，那么外边距会发生合并合并高度=两个发生合并的外边距中的较大值元素的实际高度=上边框+上内边距+内容高度+下内边距+下边框元素在页面中实际所占的高度是：上外边距+上边框+上内边距+内容高度+下内边距+下边框+下外边距hover属性实现鼠标悬停时显示
分类：
Web程序 时间：
2020-04-04 00:20:41
阅读次数：
113
BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。反之也如此。包括浮动，和外边距合并等等，因此，有了这个特性，我们布局的时候就不会出现意外情况了。 display 属性为 block, list-item, table 的元素，会产生BFC. 给这些元素添加如下属性就可以触 ...
分类：
Web程序 时间：
2020-04-03 19:46:28
阅读次数：
124
