元素的属性 div.attributes是所有标签属性构成的数据集合 div.classlist是所有class名构成的数组集合 在classlist的原型链上可以看的add()和move() 1.client系列 clientWidth/cliemtHeight是设置的宽和高，加上内边距（没有边框 ...
分类：
Web程序 时间：
2018-11-12 20:25:43
阅读次数：
199
初了解 CSS盒子模型，一个神秘的方形组织。 MDN中的定义：W3C盒模型是 CSS 规范的一个模块，它定义了一个长方形的盒子，每个盒子拥有各自的内边距和外边距，并根据视觉格式化模型来对元素进行布局。 自己的话来解释一番：盒子模型是相对于块状元素和行内可替换元素而言的，当我们编辑好html与css， ...
分类：
Web程序 时间：
2018-11-12 13:21:41
阅读次数：
349
box sizing作用 设置盒模型以哪种方式计算 属性border box 以border为边界，宽高是包括边框和内边距的，所以border+padding+content = width；如果给宽高后再给padding是向里，盒模型的宽高不会改变 属性content box 以content为边 ...
分类：
其他好文 时间：
2018-11-10 23:57:49
阅读次数：
286
padding padding：就是内边距的意思，它是边框到内容之间的距离 另外padding的区域是有背景颜色的。并且背景颜色和内容的颜色一样。也就是说background-color这个属性将填充所有的border以内的区域 padding的设置 padding有四个方向，分别描述4个方向的pa ...
分类：
其他好文 时间：
2018-11-10 10:52:09
阅读次数：
285
一、css如何使用em，rem单位中来控制不同屏幕的字体比例尽量一致。 二、介绍一下css的盒子模型 css盒子模型又称框模型，包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。 三、box-sizing属性介绍 box-sizing: ...
分类：
Web程序 时间：
2018-11-07 11:17:59
阅读次数：
214
内边距 内边距（padding）：内容与边框之间的距离 注意：padding 只能移动盒子的内容 padding属性联写： padding: 10px； 内边距的上下左右都移动 padding: 10px 20px; 上下10px，左右20px padding: 10px 20px 30px; 上1 ...
分类：
Web程序 时间：
2018-11-04 15:38:45
阅读次数：
1464
在 CSS 中，width 和 height 指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内容区域的尺寸，但是会增加元素框的总尺寸。 假设框的每个边上有 10 个像素的外边距和 5 个像素的内边距。如果希望这个元素框达到 100 个像素，就需要将内容的宽度设置为 70 像素，请看下图 ...
分类：
Web程序 时间：
2018-11-03 23:01:55
阅读次数：
214
css盒模型 盒模型(box model) y用来设计和布局时使用,然后在网页中然后在网页中基本上都会显示一些方方正正的盒子。我们称为这种盒子叫盒模型。 有两种: 标准模型 和 IE模型 盒模型属性 width: 内容的宽度 height: 内容的高度 padding: 内边距 border: 边框 ...
分类：
Web程序 时间：
2018-11-03 14:02:40
阅读次数：
165
1、盒子模型简介 1.1 什么是盒子模型 盒子模型是css中一个重要的概念，理解了盒子模型才能更好的排版。W3C组织建议把网页上元素看成是一个个盒子。盒模型主要定义四个区域：内容（content）、内边距（padding）、外边框（border）、外边距（margin）。 举例： 输出结果： 1.2 ...
分类：
Web程序 时间：
2018-10-28 19:24:42
阅读次数：
180
box-shadow box-shadow属性支持多个阴影，用逗号分隔 使用inset时，需要同时增加相应的内边距 边框内圆角的实现可以用该属性配合outline来实现，因为box-shadow时贴着圆角的，而outline显示为直角，此方案可能会在以后的提案中不可行 outline 可以实现box ...
分类：
Web程序 时间：
2018-10-24 00:55:57
阅读次数：
184
