padding padding: 10px; 表示上下左右的内边距都是10像素 padding: 0 10px; 表示左右的内边距为10像素 padding: 5px 6px 10px; 5 是上内边距像素 6 是左右内边距像素， 10 是下边距像素。 padding: 4px 5px 6px 10 ...
分类：
其他好文 时间：
2020-01-14 12:48:04
阅读次数：
82
盒子模型&双飞翼实现 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
盒子有三大部分 盒子璧：border 内边距: padding 盒子内容:width+height 盒子模型 4部分 ...
分类：
Web程序 时间：
2020-01-06 09:43:57
阅读次数：
74
盒子模型 margin 外边距 padding 内边距 盒子布局的稳定性： 优先使用width padding margin 1、上下盒子的margin塌陷 上下盒子 发生margin塌陷 margin小的盒子塌陷在大的盒子，不是简单叠加。浮动后，左右margin也不会发生塌陷，如想测试，把注释代码 ...
分类：
其他好文 时间：
2020-01-02 20:56:50
阅读次数：
83
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
代码是敲出来的，建议一个一个过一遍 背景属性 1. 背景颜色 background color 背景颜色 默认值是transparent(透明的) 示例代码 背景图片 background image 背景图片 默认值是none(没有图片) 元素的背景占据了元素的全部尺寸，包括内边距和边框，但不包括 ...
分类：
Web程序 时间：
2019-12-22 00:22:25
阅读次数：
105
一、内边距属性1.定义：边框和内容之间的距离就是内边距2.分开写padding-top:数字px；padding-left:数字px；padding-bottom:数字px；padding-right:数字px；3.连写：padding：上右下左；4.注意点：（1）给标签设置内边距之后，标签占有的宽度和高度会发生变化（2）内边距也会有背景颜色web前端开发学习Q-q-u-n：⑦⑧④-⑦⑧③-零①②
分类：
Web程序 时间：
2019-12-21 23:06:11
阅读次数：
321
