所有HTML标签都是盒子模型 div标签自定义盒子模型 class和id的主要差别是：class用于元素组（类似的元素，或者可以理解为某一类元素），而id用于标识单独的唯一的元素。 盒子模型组成部分： 自身内容：width、height 宽高内边距： padding盒子边框： border 边框线与 ...
分类：
Web程序 时间：
2020-09-17 16:35:58
阅读次数：
44
div标签自定义盒子模型class和id的主要差别是：class用于元素组（类似的元素，或者可以理解为某一类元素），而id用于标识单独的唯一的元素。 自身内容：width、height 宽高内边距： padding盒子边框： border 边框线与其他盒子距离： margin 外边距内容+内边距+边 ...
分类：
Web程序 时间：
2020-09-17 16:26:29
阅读次数：
37
知识点一：外边距 1、回顾盒子模型包含：内容、内边距、边框、外边距 2、定义：盒子的边框与其他元素或者浏览器边缘之间的距离 3、使用： ① 上外边距 margin-top: 100px; ② 左外边距 margin-left: 80px; ③ 下外边距 margin-bottom: 50px; ④ ...
分类：
Web程序 时间：
2020-08-18 15:37:29
阅读次数：
108
CSS盒子模型 1. 盒子模型的组成 CSS盒子模型本质上是一个盒子，封装周围的HTML元素。 包括：边框border、外边距margin、内边距padding、实际内容content。 2. 边框border div { border: border-width border-style bord ...
分类：
Web程序 时间：
2020-08-09 17:57:49
阅读次数：
82
通过盒子模型,清楚知道大部分html标签是一个盒子。 通过css浮动,定位可以让每个盒子排列成为网页。 一个完整的网页,是标准、浮动、定位一起完成布局的,每个都有自己的专门用法。 1.标准流 可以让盒子上下排列或者左右排列,垂直的块级盒子显示就用标准流布局。 2.浮动 可以多个块级元素一行显示或者左 ...
分类：
Web程序 时间：
2020-08-07 22:59:14
阅读次数：
93
## 外边距塌陷 ### 产生原因 - 相邻块元素垂直外边距合并 - 兄弟块元素，同时设置不同的 `margin-top` 值，两个的 `margin-top` 最后展示的都是最大的 `margin-top` 的效果。 - html ```html ``` - style ```css .broth... ...
分类：
其他好文 时间：
2020-08-04 09:44:29
阅读次数：
74
在网页中元素可以产生矩形的一个框，这些框会影响元素之间的距离。 ...
分类：
Web程序 时间：
2020-07-30 01:38:12
阅读次数：
93
介绍一下标准的 CSS 的盒子模型？低版本 IE 的盒子模型有什么不同的？ （1）有两种盒子模型：IE盒模型（border-box）、W3C标准盒模型（content-box） （2）盒模型：分为内容（content）、填充（padding）、边界（margin）、边框（border）四个部分 IE ...
分类：
Web程序 时间：
2020-07-27 13:40:50
阅读次数：
147
1.盒子模型主要定义四个区域：内容（content）、内边距（padding）、边框（border）、外边距（margin） 2.border，设置元素的边框，属性（边框三要素）：宽度、样式、颜色，这也是通常border属性值的书写顺序（非严格要求） 单独书写：border-width（宽度，默认3 ...
分类：
Web程序 时间：
2020-07-24 09:46:07
阅读次数：
103
盒子模型 1 绝大多数标签都可以看作盒子，可以设置宽高或设置内容；在CSS中，"box model"这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。 盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。 下面的图片说 ...
分类：
Web程序 时间：
2020-07-19 18:06:47
阅读次数：
100
