CSS padding（填充）是一个简写属性，定义元素边框与元素内容之间的空间，即上下左右的内边距。 padding（填充） 当元素的 padding（填充）内边距被清除时，所释放的区域将会受到元素背景颜色的填充。 单独使用 padding 属性可以改变上下左右的填充。 可能的值 值说明 lengt ...
分类：
Web程序 时间：
2019-11-10 10:13:22
阅读次数：
567
CSS margin(外边距)属性定义元素周围的空间。 margin margin 清除周围的（外边框）元素区域。margin 没有背景颜色，是完全透明的。 margin 可以单独改变元素的上，下，左，右边距，也可以一次改变所有的属性。 可能的值 值说明 auto 设置浏览器边距。这样做的结果会依赖 ...
分类：
Web程序 时间：
2019-11-10 10:12:12
阅读次数：
201
CSS 盒子模型 CSS 盒子模型(Box Model) 所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。 盒模型允许我们在其它元素和周围元素边框之间的空间放 ...
分类：
Web程序 时间：
2019-11-10 10:03:05
阅读次数：
92
1.定义：一个盒子由外到内可以分成四个部分：margin（外边距）、border（边框）、padding（内边距）、content（内容）； 2.浏览器兼容问题： 根据 W3C 的规范，元素内容占据的空间是由 width 属性设置的，而内容周围的 padding 和 border 值是另外计算的。不 ...
分类：
Web程序 时间：
2019-11-05 21:17:21
阅读次数：
131
一、设计网页的思想 拿到需求之后我们先对各个模块（盒子）进行划分，然后从外到内进行设计（1）设计一个盒子最基本的设计大致包括背景颜色（其实用于识别），宽，高，边界浮动流还是标准流. （2）然后盒子和盒子之间的外边距margin （3）然后在进入到小盒子中，进一步划分盒子，这样再重复第一二步 注意点： ...
分类：
Web程序 时间：
2019-11-03 01:15:25
阅读次数：
83
含义 margin:auto是具有强烈计算意味的关键字，用来计算元素对应方向应该获得的剩余空间大小 填充规则 (1) 如果一侧定值，一侧auto，则auto为剩余空间大小 (2) 如果两侧均是auto，则平分剩余空间 左边距是20px,右边距是80px。这里son宽度是200px，容器是300px， ...
分类：
其他好文 时间：
2019-11-01 12:52:35
阅读次数：
109
盒子模型 背景 所有HTML元素都可以看做盒子，它包括：外边距（margin） + 内边距(padding) + 内容区域(content); 标注盒子模型：（W3C标准版，谷歌版） IE非标准盒子模型：（低版本IE，IE5，6在怪异模式中使用自己的非标准模型） 区别： 在IE盒子模型中：宽高 = ...
分类：
其他好文 时间：
2019-10-31 23:41:41
阅读次数：
113
对元素的margin设置百分数时，百分数是相对于父元素的width计算，不管是margin-top/margin-bottom还是margin-left/margin-right。当然，padding的原理也是一样的。 如果没有为元素声明width，此时元素框的总宽度包括外边距取决于父元素的widt ...
分类：
其他好文 时间：
2019-10-31 18:24:28
阅读次数：
123
opacity属性设置不透明级别filter(滤镜) 属性left 属性规定元素的左边缘。该属性定义了定位元素左外边距边界与其包含块左边界之间的偏移。 offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度 offsetLeft:获取对象相对于版面或 ...
分类：
其他好文 时间：
2019-10-28 20:56:16
阅读次数：
78
一、三列布局 三列布局要求：1.两边固定，中间自适应 2.当中列要完整显示 3.当中列要优先加载 1.圣杯布局 2.双飞翼布局 两组实现布局方法的对比 1.都是把主列放在文档流最前面,主列优先加载 2.都是让三列浮动,通过负外边距形成三列布局 3.不同之处在于如何处理中间主列的位置，圣杯布局是利用父 ...
分类：
Web程序 时间：
2019-10-28 19:04:12
阅读次数：
109
