盒模型（内容（content）,内边距（padding）,边框（border）,外边距（margin）） 这里做个比喻：content:比喻在网上买了几个鸡蛋； padding：比喻快递员包装鸡蛋用的防撞纸的距离，把鸡蛋牢牢的包裹起来，以免碰撞； border:外面使用包装箱的厚度； margin: ...
分类：
其他好文 时间：
2019-12-21 19:03:07
阅读次数：
78
https://www.jianshu.com/p/0d713b32cd0d 博客了说了两点，还有一点是解决父子盒子上外边距合并的问题，给父盒子加一个overflow:hidden, 形成一个封闭的区域，子盒子的外边距就不会传递出去，去影响父盒子了。 ...
分类：
其他好文 时间：
2019-12-18 10:51:27
阅读次数：
70
盒子的组成： 外边距：margin 一个元素与另一个元素的距离 边框：border 内边距：padding 内容：content 标准盒：总宽度=width+左右内边距+左右边框 总高度=height+上下内边距+上下内边距 IE盒：box-sizing:border-box; 设置的宽高是总的宽高 ...
分类：
其他好文 时间：
2019-12-16 22:09:16
阅读次数：
91
盒子模型（下面这个图片会比较清晰的展现各边距的含义）： 元素框最内层就是元素的展现层也就是元素的实际内容，包在元素层的就是内边距(padding填充的意思)，内边距能够呈现元素背景。内边距的边缘是边框，边框以外是外边距(margin)，默认是透明的，不会遮挡其后的任何元素。 内边距 可以用百分比、厘 ...
分类：
Web程序 时间：
2019-12-15 20:19:18
阅读次数：
102
如下代码 1 <div> 2 <input type="text" /> 3 </div> 如果给div和input分别添加不同的背景色，会发现input上方会出现一段空隙，即便二者的内外边距以及边框和轮廓都设置为0，依然存在。 调试过程： 将input的字体大小调大，会发现间隙消失了，input的 ...
分类：
其他好文 时间：
2019-12-14 15:27:30
阅读次数：
167
一、各种背景属性 1.background-image 属性为元素设置背景图像。 元素的背景占据了元素的全部尺寸，包括内边距和边框，但不包括外边距。 默认地，背景图像位于元素的左上角，并在水平和垂直方向上重复。 提示：请设置一种可用的背景颜色，这样的话，假如背景图像不可用，页面也可获得良好的视觉效果 ...
分类：
Web程序 时间：
2019-12-11 23:14:21
阅读次数：
174
文档边距、间距调整 边距调整 间距调整 整段左右间距调整（左侧2cm，右侧1cm) 字体相关 公式相关 对齐公式： 要给公式加编号，则可用 后续要引用公式，则可使用label 列表 有序列表 无序列表 插入图片 latex对eps格式的图片支持较好，故在引用前一般进行格式转换。 windows命令行 ...
分类：
其他好文 时间：
2019-12-11 00:05:41
阅读次数：
90
盒模型的基本组成包括：外边距（margin）内边距(padding) 边框（border）元素(element,content) 当上下相邻的两个块元素相遇时，如果上面的元素有下外边距margin-bottom，下面的元素有上外边距margin-top，则他们之间的垂直间距不是margin-bott ...
分类：
其他好文 时间：
2019-12-09 01:29:27
阅读次数：
104
1.盒模型 margin:外边距 ；margin-top/margin-left ; margin-bottom/margin-right 外边距合并：当两个垂直外边距相遇时，它们将形成一个外边距； 可以使用padding或border分开两个外边距； padding:内边距 ；padding-to ...
分类：
其他好文 时间：
2019-12-07 22:59:44
阅读次数：
116
CSS BUG font boost 当文本数量太多时，会出现字体变大 解决方式： 圆角过圆 移动端设置border radius: 2px;时 显示近似圆型 解决方式： margin 塌陷 垂直方向外边距重叠时，设置margin不起作用 解决方式： 触发一个盒子的bfc可以解决margin塌陷 b ...
分类：
其他好文 时间：
2019-12-07 19:19:40
阅读次数：
77
