内容： 1.什么是盒模型 2.padding和margin 3.盒模型实例 4.margin和padding拓展 1.什么是盒模型 2.padding和margin padding -> 内边距(内容与边框之间) margin -> 外边距(标签与标签之间) 注：两个挨着的margin浏览器最后会取 ...
分类：
其他好文 时间：
2018-08-11 10:49:53
阅读次数：
146
列表分为有序列表和无序列表 我们知道有序列表的标签是<ol>意思是order list 无序列表的标签是<ul> 列表里面每项的标签用<li>来进行包裹。 使用CSS中的列表样式不仅可以变换列表的列表项标记，还可以使用图片来作为列表项标记。 可以用 list-style-image: url('sq ...
分类：
Web程序 时间：
2018-08-11 01:37:12
阅读次数：
174
外边距属性： 设置元素与元素之间的距离（外边距），4个方向（上右下左）。 margin：长度值|百分比|auto margin-top margin-right margin-bottom margin-left 说明：值可为负值。 默认情况下，相应HTML块级元素存在外边距 body、h1~h6、 ...
分类：
其他好文 时间：
2018-08-11 01:27:55
阅读次数：
680
盒模型分为两种:标准模型和IE模型,主要了解标准模型 盒模型示意图 盒子模型的属性 width :内容的宽度 height: 内容的高度 padding: 内边距,边框到内容的距离 border: 边框,就是指盒子的宽度 margin :外边距,盒子边框到附近最近盒子的距离 盒模型的计算 盒子的真实 ...
分类：
其他好文 时间：
2018-08-09 17:21:06
阅读次数：
178
关于清除元素的内外边距： 1、行内元素只有左右边距、没有内外边距、内边距在ie6等低版本的浏览器中也会有问题。尽量不要给元素指定行内的内外边距； 2、外边距的合并 使用margin定义块元素的垂直外边距时，可能会出现外边距的合并； 相邻块元素垂直外边距的合并： 当相邻两个块元素相遇时，如果上面的元素 ...
分类：
其他好文 时间：
2018-08-08 13:36:31
阅读次数：
146
对于排版，以前用的多的都是，浮动，内外边距和定位。弹性盒子其实很好用，跟大家分享一点基础。 在父级里设： <!--先把父级属性变成弹性盒子--> display:flex; flex-direction 项目的排列方向：有以下四种 1，row(默认值)：主轴为水平方向，起点在左端。 2，row-re ...
分类：
其他好文 时间：
2018-08-05 22:29:01
阅读次数：
143
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
原文 简书原文：https://www.jianshu.com/p/5f18f12cd162 大纲 1、什么是外边距合并？(折叠外边距) 2、外边距带来的影响 3、折叠的结果 4、产生折叠的原因 5、出现的情况 1、什么是外边距合并？(折叠外边距) 外边距合并指的是，当两个垂直外边距相遇时，它们将形 ...
分类：
Web程序 时间：
2018-07-14 23:34:21
阅读次数：
336
