盒模型分为两种:标准模型和IE模型,主要了解标准模型 盒模型示意图 盒子模型的属性 width :内容的宽度 height: 内容的高度 padding: 内边距,边框到内容的距离 border: 边框,就是指盒子的宽度 margin :外边距,盒子边框到附近最近盒子的距离 盒模型的计算 盒子的真实 ...
分类：
其他好文 时间：
2018-08-09 17:21:06
阅读次数：
178
关于清除元素的内外边距： 1、行内元素只有左右边距、没有内外边距、内边距在ie6等低版本的浏览器中也会有问题。尽量不要给元素指定行内的内外边距； 2、外边距的合并 使用margin定义块元素的垂直外边距时，可能会出现外边距的合并； 相邻块元素垂直外边距的合并： 当相邻两个块元素相遇时，如果上面的元素 ...
分类：
其他好文 时间：
2018-08-08 13:36:31
阅读次数：
146
id选择器里面只能有一个值，class可以有多个值。 回顾 什么是盒子模型 元素(盒子) 实际大小(内容、边框、内边距) 块状元素 内联元素 display 属性： none / inline / block / inine-block 标准文档流 盒子和盒子位置 margin塌陷 相关属性 dis ...
分类：
其他好文 时间：
2018-08-01 22:23:32
阅读次数：
262
一、图解CSS padding、margin、border属性 W3C组织建议把所有网页上的对像都放在一个盒(box)中，设计师可以通过创建定义来控制这个盒的属性，这些对像包括段落、列表、标题、图片以及层。盒模型主要定义四个区域：内容(content)、内边距(padding)、边框(border) ...
分类：
Web程序 时间：
2018-07-31 22:09:55
阅读次数：
402
上节课回顾： HTML标签： 格式排版 p 段落 双br 换行 单hr 分隔线 单h1~h6 标题 双pre 原样格式化输出 双div 标签，无任何特殊意义 HTML标签 ：文本 <em> 强调 倾斜 双<ruby></ruby> 加拼音 <rt></rt> <strong> 加粗 强调 双<mar ...
分类：
Web程序 时间：
2018-07-28 16:01:49
阅读次数：
540
【expand 扩张】【fitter 装配工】 【envelope 信封，包装】 Horizontal Layout Group 水平布局 Padding：内边距，单位像素。 Spacing：子物体间的间隔，单位像素。 Child Alignment：对齐方式。 Controls Child Siz ...
分类：
编程语言 时间：
2018-07-24 14:56:52
阅读次数：
376
padding:内边距 margin:外边距 内外边距是针对本标签相对于它相邻的标签而言。 margin: 10px;是本标签与它周围上下左右有10像素的空白。 padding: 10px;本标签其实与它周的标签是紧贴着的，是本标签的边界与本标签的内容有10像素背景颜色距离。 它们都有单独的marg ...
分类：
其他好文 时间：
2018-07-20 13:51:23
阅读次数：
125
1、width() 、 height() 方法 设置或返回元素的宽度、高度（不包括内边距、边框或外边距）； 2、innerWidth() 、innerHeight() 方法 返回元素的宽度、高度（包括内边距）； 3、outerWidth() 、 outerHeight() 方法 返回元素的宽度、高度 ...
分类：
其他好文 时间：
2018-07-19 16:19:11
阅读次数：
113
深入浅出padding padding是CSS盒子模型的一部分，代表盒子模型的内边距。 用法 padding属性有四个值，分别代表上、右、下、左的内边距。 此时， 的内边距为： 上内边距：10px 右内边距：5px 下内边距：15px 左内边距：20px 简写 padding属性的值可以简写，按照值 ...
分类：
其他好文 时间：
2018-07-18 23:27:25
阅读次数：
232
1.position 位置的摆放形式 2.background 背景 background-image background-repeat background-position 3.text-align 文字位置 4.margin 外边距 5.padding 内边距 6.font-size 字体大 ...
分类：
Web程序 时间：
2018-07-11 19:58:17
阅读次数：
182
