width是定义元素内容区的宽度；height是定义元素在内容区的高度.在内容区外面可以增加内边距（padding）、边框（border）和外边距（margin），这样的话就成了我们常说的盒子模型，后期内容中会给大家讲到这些，在行内非替换元素会忽略width这个属性，也就是我们不定义这个元素的时候，默认值为auto，由内容将其撑开。绝对单位1.像素px(pixels)，在web上，像素px是典型的
分类：
Web程序 时间：
2020-01-16 01:17:54
阅读次数：
147
指的是页面在渲染时，DOM元素所采用的布局模型。 一个元素占用的空间大小由几个部分组成，内容(content)、内边距(padding)，边框(border)和外边距(margin)。 可以通过box-sizing来进行设置，其中IE盒模型(也有叫怪异盒模型的)的content包含了padding和 ...
分类：
其他好文 时间：
2020-01-15 19:57:13
阅读次数：
87
margin指外边距，padding指内边距，通常我们指的宽度width包含内容、内边距、border、外边距。 实现代码： 1.html: <el-container class="contaniner_content"> <el-header> <topBarLeft></topBarLeft> ...
分类：
其他好文 时间：
2020-01-14 12:54:07
阅读次数：
74
盒子模型&双飞翼实现 CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：外边距（margin）、边框（border）、内边距（padding）、实际内容（content）四个属性。 盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。 盒模型有两种情况:W3C盒子模型和IE盒子模型 ...
分类：
Web程序 时间：
2020-01-12 23:35:07
阅读次数：
140
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>外边距与内边距</title> <!--margin:用于控制元素与元素之间的距离；margin的最基本用途就是控制元素周围空间的间隔，从视觉角度上达到相互隔开的目 ...
分类：
Web程序 时间：
2020-01-08 00:17:18
阅读次数：
94
一、整体布局规则 元素按照从左向右，从上向下的规则自动排列。称为正常流布局。 二、基本元素框（盒模型） 每个元素都会生成一个矩形框。包括内容区、内边距、边框、外边距，其中外边距可以是负值。 1、包含块 每个元素都有包含块，所有元素都是相对于包含块摆放的。 元素的包含块是指最近的块级祖先元素、表单元格 ...
分类：
其他好文 时间：
2020-01-07 19:38:43
阅读次数：
79
盒子模型 margin 外边距 padding 内边距 盒子布局的稳定性： 优先使用width padding margin 1、上下盒子的margin塌陷 上下盒子 发生margin塌陷 margin小的盒子塌陷在大的盒子，不是简单叠加。浮动后，左右margin也不会发生塌陷，如想测试，把注释代码 ...
分类：
其他好文 时间：
2020-01-02 20:56:50
阅读次数：
83
显示里有显示与隐藏、裁剪元素、溢出、改变鼠标形状处理相对应的属性。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>盒子模型、显示、定位</title> <link rel="stylesheet" type ...
分类：
Web程序 时间：
2020-01-01 13:43:15
阅读次数：
105
1.1、请简述盒模型 IE6盒子模型与W3C盒子模型。 文档中的每个元素被描绘为矩形盒子。盒子有四个边界：外边距边界margin, 边框边界border, 内边距边界padding与内容边界content。 CSS3中有个box-sizing属性可以控制盒子的计算方式， content-box：pa ...
分类：
其他好文 时间：
2019-12-30 17:10:35
阅读次数：
250
border-style的值： none 无 dotted 点状 dashed 虚线 solid 实线 double 双实线 margin： 垂直方向两个相邻元素都设置了外边距，那么外边距会发生合并 合并高度=两个发生合并的外边距中的较大值 元素的实际高度=上边框+上内边距+内容高度+下内边距+下边 ...
分类：
Web程序 时间：
2019-12-29 18:41:13
阅读次数：
123
