/*1 元素的各边都有 10 像素的内边距  四个值上、右、下、左   两个上下，左右   三个值：上，左右，下*/

/*p {padding: 10%;}*/

h1 {

  padding-top: 10px;

  padding-right: 0.25em;

  padding-bottom: 2ex;

  padding-left: 20%;

  }

/*下面这条规则把段落的内边距设置为父元素 width 的 10%：*/

  p {padding: 10px 50px 100px 20px; background: red}

 内边框：

border-style:

• border-top-style
• border-right-style
• border-bottom-style
• border-left-style

等价：

p {border-style: solid solid solid none;}

p {border-style: solid; border-left-style: none;}

 border-color: blue red;

border-top-width

border-width: 15px 5px 15px 5px;

综合：宽度，样式，颜色

border: medium double rgb(250,0,255)

外边框：

margin: top right bottom left

定位：

static元素框正常生成。块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素中。

relative 相对定位：元素框偏移某个距离。元素仍保持其未定位前的形状，它原本所占的空间仍保留。

absolute 绝对定位：元素框从文档流完全删除，并相对于其包含块定位。包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭，就好像元素原来不存在一样。元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。

fixed 固定定位：元素框的表现类似于将 position 设置为 absolute，不过其包含块是视窗本身。

}
/*fixed对象脱离正常文档流，使用top，right，bottom，left等属性以窗口为参考点进行定位，当出现滚动条时，对象不会随着滚动。而其层叠通过z-index属性定义。*/

/*对象脱离正常文档流 绝对定位，使用top，right，bottom，left等属性进行绝对定位。而其层叠通过z-index属性定义。*/

/*relative：对象遵循正常文档流，但将依据top，right，bottom，left等属性在正常文档流中偏移位置。而其层叠通过z-index属性定义。*/