html基础

span：小块，看不出差异
em： 斜体，
strong: 加粗
b：加粗
hr： 做出一条直线

控制行内元素的居中：

text-align = center ;

下划线，去除下划线

text-decoration: none; text-decoration: underline;

字体粗细

font-weight :normal lighter ,等

段落首行是否缩进：

text-intent ：20px

设置行高

line-height
行与行之间的间距

表格

cellpadding：控制单元格内，到文字的间距。
cellspacing： 表格边框到单位格的间距
border = solid

    <table border="solid" cellpadding='32' cellspacing='20'>
        <tr>
            <td>王</td>
            <td>大</td>
            <td>锤</td>
        </tr>
        <tr>
            <td>李</td>
            <td>白</td>
            <td>大</td>
        </tr>
        <tr>
            <td>王</td>
            <td>思</td>
            <td>聪</td>
        </tr>
    </table>

rowspan 控制单元格跨行
coluspan 控制 单元格跨列

    <table border="solid" height='400px' width='400px' cellspacing='5'>
        <tr>
            <td colspan="5">基本情况</td>
        </tr>

        <tr>
            <td width='20%'>1</td>
            <td width='20%'>2</td>
            <td width='20%'>3</td>
            <td width='20%'>4</td>
            <td rowspan="5"><img src="./images/resume.png" alt=""></td>
        </tr>

        <tr>
            <td>1</td>
            <td>2</td>
            <td>2</td>
            <td>3</td>
        </tr>

        <tr>
            <td>4</td>
            <td>5</td>
            <td>6</td>
            <td>7</td>
        </tr>

        <tr>
            <td>4</td>
            <td>5</td>
            <td>6</td>
            <td>7</td>
        </tr>
    </table>

块元素
div块,p,h标题,ul ,li
独占一行

内联元素
span小块,em斜体代表强调内容,a链接,strong等等，
3多个内联是并在一行的，
2代码换行，盒子会产生间距
1内联元素不支持 样式： height width margin-top padding-top
margin-bottem padding-bottem

内联块（又叫 行内块）
display：inline-block ； 转化内联块
1支持全部样式
2盒子并在一行
3代码换行，盒子会产生间距
4子元素是内联块元素，父元素可以用text-align属性设置子元素水平对齐方式。

a标签设置垂直居中

line-height = 设置为div的高度

div嵌套div发生重叠，

mar-left ,mar-top = -1px即可。

display

设置block 每个元素放一行，
inner 并行 缺少css
inner block 并行，有全部的css

设置圆角，

img标签，div都可以使用
border-radius: 150px;

单选，复选,文本域

input:checkbox input:radio textarea