/*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- 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属性定义。*/