一、块状元素(block element)
1)块状元素在网页中就是以块的形式显示，所谓块状就是元素显示为矩形区域，常用的块状元素包块p,dl,dt,dd,ol,ul,(h1-h6),p,form,hr,table,tr,td等；
2)默认情况下，块状元素都会占据一行，通俗地说，两个相邻块状元素不会出现并列显示的现象；默认情况下，块状元素会按顺序自上而下排列。
3)块状元素都可以定义自己的宽度和高度。
4)块状元素一般都作为其他元素的容器，它可以容纳其它内联元素和其它块状元素。
二、内联元素(inline element)(或是行内元素、行间元素、内嵌元素)
1) 常见的内联元素如：a,span,i,em,strong,b，img，input等
2) 内联元素的表现形式是始终以行内逐个进行显示；
3) 内联元素没有自己的形状，不能定义它的宽和高,它显示的宽度、高度只能根据所包含内容的高度和宽度来确定，它的最小内容单元也会呈现矩形形状；
4) 内联元素也会遵循盒模型基本规则，如可以定义padding,border,margin,background等属性，但个别属性不能正确显示;
三、可变元素
需要根据上下文关系确定该元素是块元素或者内联元素块元素(block element)。
@ css浮动如何设置间距？
css浮动如何设置间距是通过css的padding属性或者是margin属性，还有hover伪类属性联合完成 的，hover属性指的是鼠标悬浮的，然后设置padding属性设置内间距，paddign属性为外边距，word-spacing属性增加或减少单词间的空白（即字间隔）；在这个属性中，“字”定义为由空白符包围的一个字符串
@ 表格间隙的设置是由什么属性来实现的？
表格和border属性
（组成）：
< td> 指表格数据（table data），即数据单元格的内容
表头使用 <th> 标签进行定义，大多数浏览器会把表头显示为粗体居中的文本
（边框属性）：如果不指定border属性，表格将不显示边框。有时候这很有用，但是多数时候大家希望显示边框。想要显示一个有边框的表格，需要使用border属性。
（单元格间距和表格内容内边框）：
cellspacing属性来增加/减小单元格间距。
cellpadding属性在表格内容和边框之间留出更多空白/减少空白。
（表格高度）：style=”height: 15%”等价于height=15%”
（文本对齐方式）：
align 属性规定段落中文本的对齐方式。
例：<p align=”right”>This is some text in a very short paragraph</p>
段落文本居中对齐
用到表格中时有
<tr align=”center”>
<td>分类</td>
<td>名称</td>
</tr>—–分类和名称在表格居中对齐
（border-collapse 属性）：
设置表格的边框是否被合并为一个单一的边框，如果边框会合并为一个单一的边框。会忽略 border-spacing 。
（表格标签）：
<table>——– 表格
<th>———— 表头
<tr> ————– 行
<td>————–单元
<caption>—— 标题
<colgroup> ———–表格列的组
<col>————–表格列的属性
<thead>————-页眉
<tbody>————-主体
<tfoot>—————-页脚
@ 块级元素有哪些？
行内元素: a、span、b、img、strong、input、select、lable、em、button、textarea 、selecting块级元素：div、ul、li、dl、dt、dd、p、h1-h6、blockquote、form
区别
1、块级元素会独占一行，其宽度自动填满其父元素宽度行内元素不会独占一行，相邻的行内元素会排列在同一行里，直到一行排不下，才会换行，其宽度随元素的内容而变化
2、一般情况下，块级元素可以设置 width,height 属性，行内元素设置 width, height 无效(注意：块级元素即使设置了宽度，仍然是独占一行的)
3、块级元素可以设置 margin 和 padding 行内元素的水平方向的padding-left,padding-right,margin-left,margin-right 都产生边距效果，但是竖直方向的padding-top,padding-bottom,margin-top,margin-bottom 都不会产生边距效果
