块级元素
- 特征：占据一行的HTML标签元素。
- 常用的块级元素：
div、 h1~h6、 p、 hr 、form、 ul 、ol 、 pre、 table、 li 、dd、 td、tr 、th - 块级元素可以包含的标签元素：块级元素、文本、行内元素。
（1）当包含的是文本元素时，不会产生溢出其所在区域外的。
（2）当包含的是块级元素和行内元素，会产生超出其所在区域的情况。 - border、padding、margin、color、background-color属性设置
- border：
（1）border-color
- 适用元素：所有元素。
- 继承性：无。
- 注意点：如果没有设置border-color，设置了自己color或继承过来的color，其边框颜色采用color得到颜色。
（2）border-style
- 适用元素：所有元素。
- 继承性：无。
（3）border-width
- 适用元素：所有元素。
- 继承性：无。- padding
- 块级元素可以设置padding。
- margin
- 支持此属性。
- color
- 支持此属性。
- 涉及范围：border的颜色和字体的颜色。
- padding
- background-color
- 支持此属性。
- 涉及范围：除了外边距外，块级的其它元素都会覆盖到。
- border：
行内元素
- 特征：只占领文本所在的区域，不占一行；设置宽度和高度无效；其上下边框会覆盖在父元素的上下边框的上面（引起这个现象的原因可能是：不能设置其上线margin，属于猜测，尚无法证明）。
- 常用的行内元素：
span、em 、strong、 a、 br 、img、 button 、 input 、 label 、 select、 textarea、 code 、script - 行内元素可以包含行内元素和文本元素。
- border、padding、margin、color、background-color属性设置
- border：
（1）border-color
- 适用元素：所有元素。
- 继承性：无。
- 注意点：如果没有设置border-color，设置了自己color或继承过来的color，其边框颜色采用color得到颜色。
（2）border-style
- 适用元素：所有元素。
- 继承性：无。
（3）border-width
- 适用元素：所有元素。
- 继承性：无。- padding
- 支持此元素。
- margin
- 不支持其margin-top和margin-bottom此属性，margin-left和margin-right设置后，会有填充效果，但具体值视情况而定。
- color
- 支持此属性。
- 涉及范围：border的颜色和字体的颜色。
- padding
- background-color
- 支持此属性。
- 涉及范围：除了外边距外，块级的其它元素都会覆盖到。
- border：
