一、 在默认布局的垂直方向上，默认情况下外边距是是不会叠加的，会出现合并现象，谁的外边距较大，就听谁的；但是在水平方向就不会出现这种状况，我们举个例子 二、盒子模型 1.什么是盒子模型 答：CSS盒子模型仅仅一个比较形象地比喻，HTML中所有的标签都是盒子，我们现实生活中的物品大多都是有位置区域划分 ...
分类：
Web程序 时间：
2019-09-26 00:00:46
阅读次数：
209
CSS3盒模型 CSS3中可以通过box sizing 来指定盒模型，即可指定为content box、border box，这样我们计算盒子大小的方式就发生了改变。 可以分成两种情况： 1、box sizing: content box 盒子大小为 width + padding + border ...
分类：
Web程序 时间：
2019-09-23 09:20:59
阅读次数：
90
一、内边距属性 1.定义：边框和内容之间的距离就是内边距 2.分开写 3.连写： 4.注意点： （1）给标签设置内边距之后，标签占有的宽度和高度会发生变化 （2）内边距也会有背景颜色 二、外边距属性 1.定义：标签与标签之间的距离就是外边距 2.分开写： 3.一起写 4.例子 5.注意点：外边距的那 ...
分类：
Web程序 时间：
2019-09-21 00:45:48
阅读次数：
127
一、什么情况下发生外边距的合并 1）必须处于普通文档流中(不能脱离文档流)，并且处于同一个BFC中 2）相邻的外边距，不能有间隙和边框 3）垂直方向上 二、如何合并 1）兄弟元素之间，外边距合并会去最大的那个外边距而不是取和 2）父子元素之间，外边距合并会将子元素的外边距设置给父元素 3）空元素 三 ...
分类：
其他好文 时间：
2019-09-17 22:42:35
阅读次数：
100
bootstrap中的排版 标题： 标题（h1~h6/.h1~.h6） 副标题（small） h1:36px h2:30px h3:24px h4:18px h5:14px h6:12px 排版 文本： p标签：默认14px，行高20px;段落的底部外边距设置了10px； 排版 对齐 .text-l ...
分类：
其他好文 时间：
2019-09-17 19:05:33
阅读次数：
91
margin: margin:5px auto;意思上下为5,左右平均居中 margin-top: 20px; 上外边距 margin-right: 30px; 右外边距 margin-bottom: 30px;下外边距 margin-left: 20px; 左外边距 margin:1px 四边统一 ...
分类：
Web程序 时间：
2019-09-16 14:28:09
阅读次数：
99
1.CSS 盒子模型(Box Model) 所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：外边距（margin）、边框（border）、内边距（padding）、实际内容（content ...
分类：
Web程序 时间：
2019-09-14 10:42:45
阅读次数：
216
属性：内容(content)、内边距(padding)、边框(border)、外边距(margin)， CSS盒子模式都具备这些属性。 CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。 盒子的分类：不同的元素产生的盒子类型可能不同， 一个元素，产生什么样的盒子，取决于它CSS ...
分类：
Web程序 时间：
2019-09-13 15:52:49
阅读次数：
122
margin 外边距 padding内边距 定位： 绝对定位和相对定位，相对定位一句父容器的绝对定位的容器 设置父容器：position：resluit 子容器position：absult inile-block 行内块元素，block块元素，块元素会占一行 border边框 border-de. ...
分类：
Web程序 时间：
2019-09-12 09:54:09
阅读次数：
124
圣杯布局he双飞翼布局都是解决两边固定款中间自适应的三栏布局 圣杯布局为了中间div内容不被别的内容覆盖，将中间div设置了左右的内边距后，将左右两个div用相对布局position: relative并给两侧的div添加right和left属性，以便左右两栏div移动后不内容不覆盖中间div。 圣 ...
分类：
Web程序 时间：
2019-09-11 09:31:17
阅读次数：
114
