盒模型（内容（content）,内边距（padding）,边框（border）,外边距（margin）） 这里做个比喻：content:比喻在网上买了几个鸡蛋； padding：比喻快递员包装鸡蛋用的防撞纸的距离，把鸡蛋牢牢的包裹起来，以免碰撞； border:外面使用包装箱的厚度； margin: ...
分类：
其他好文 时间：
2019-12-21 19:03:07
阅读次数：
78
盒子的组成： 外边距：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.background-image 属性为元素设置背景图像。 元素的背景占据了元素的全部尺寸，包括内边距和边框，但不包括外边距。 默认地，背景图像位于元素的左上角，并在水平和垂直方向上重复。 提示：请设置一种可用的背景颜色，这样的话，假如背景图像不可用，页面也可获得良好的视觉效果 ...
分类：
Web程序 时间：
2019-12-11 23:14:21
阅读次数：
174
盒模型的基本组成包括：外边距（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中盒子模型 CSS中盒子模型介绍# 什么是盒子？ 盒子是用来存储物品，我们可以将盒子理解为酒盒，酒盒有什么组成的呢？ 有酒可以喝、有填充物保护酒防止酒被摔坏、纸盒子。 我们怎么理解CSS中的盒子呢，CSS中盒子有什么组成的呢？有内容、内边距、边框、外边距。 CSS中盒子的主要属性... ...
分类：
Web程序 时间：
2019-12-06 12:01:37
阅读次数：
125
```css /* width和height只是设置盒子内容区的大小，而不是盒子的整个大小， 盒子可见框的大小由内容区，内边距和边框共同决定。 */ .box1 { /* 设置内容区的宽度为400px */ width: 400px; /* 设置内容区的高度为400px */ height: 400... ...
分类：
Web程序 时间：
2019-12-03 20:07:06
阅读次数：
263
一、完成了内容中的右边的一部分。练习了三点：小盒子在大盒子中的位置，最好用大盒子的内边距完成布局，而不是用小盒子的外边距来进行布局；复习了ul,li的用法。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>D ...
分类：
Web程序 时间：
2019-12-01 10:16:28
阅读次数：
99
尺寸类样式的获取 offsetHeight 是一个只读属性，它返回该元素的像素高度，高度包含该元素的垂直内边距和边框，且是一个整数。 (content+padding+border) 通常，元素的offsetHeight是一种元素CSS高度的衡量标准，包括元素的边框、内边距和元素的水平滚动条（如果存 ...
分类：
编程语言 时间：
2019-11-30 19:08:36
阅读次数：
70
