html的块

块元素   以新行开始

内联元素  不以新行开始

<span> 内联元素 作为文本的容器

 

基本的两种布局方式：1，div布局  2，table 布局

布局的时候，要改变浮动方式可以用css 的clear清除浮动

table布局的例子
<div style="width: 100%">
    <table style="width: 100%">
        <tr>
            <td colspan="2" width="100%" style="background-color: aqua">header</td>
        </tr>
        <tr>
            <td width="30%" style="background-color: black">lbody</td>
            <td width="70%" style="background-color: chocolate">rbody</td>
        </tr>
        <tr>
            <td colspan="2" style="background-color: darkseagreen">fototer</td>
        </tr>
    </table>
</div>

 

header
lbody	rbody
fototer