1、塊級(jí)元素：塊級(jí)大多為結(jié)構(gòu)性標(biāo)記

? <address>...</adderss>? ?

? <center>...</center>? 地址文字

? <h1>...</h1>? 標(biāo)題一級(jí)

? <h2>...</h2>? 標(biāo)題二級(jí)

? <h3>...</h3>? 標(biāo)題三級(jí)

? <h4>...</h4>? 標(biāo)題四級(jí)

? <h5>...</h5>? 標(biāo)題五級(jí)

? <h6>...</h6>? 標(biāo)題六級(jí)

??<hr>? 水平分割線

? <p>...</p>? 段落

? <pre>...</pre>? 預(yù)格式化

? <blockquote>...</blockquote>? 段落縮進(jìn)? ?前后5個(gè)字符

? <marquee>...</marquee>? 滾動(dòng)文本

? <ul>...</ul>? 無(wú)序列表

? <ol>...</ol>? 有序列表

? <dl>...</dl>? 定義列表

? <table>...</table>? 表格

? <form>...</form>? 表單

? <div>...</div> ? ?

行內(nèi)元素：行內(nèi)大多為描述性標(biāo)記

? <span>...</span>

? <a>...</a>? 鏈接

? <br>? 換行

? <b>...</b>? 加粗

? <strong>...</strong>? 加粗

? <img >? 圖片

? ^...? 上標(biāo)

? _...? 下標(biāo)

? <i>...</i>? 斜體

? <em>...</em>? 斜體

? <del>...</del>? 刪除線

? <u>...</u>? 下劃線

? <input>...</input>? 文本框

? <textarea>...</textarea>? 多行文本

? <select>...</select>? 下拉列表

塊級(jí)元素

??1.總是從新的一行開(kāi)始

? 2.高度、寬度都是可控的

? 3.寬度沒(méi)有設(shè)置時(shí)，默認(rèn)為100%

? 4.塊級(jí)元素中可以包含塊級(jí)元素和行內(nèi)元素

行內(nèi)元素

??1.和其他元素都在一行

? 2.高度、寬度以及內(nèi)邊距都是不可控的

? 3.寬高就是內(nèi)容的高度，不可以改變

? 4.行內(nèi)元素只能行內(nèi)元素，不能包含塊級(jí)元素

div是塊狀元素，上節(jié)居中不是div居中，而是文字居中

2、margin:auto 20px;這里是指上下自適應(yīng)，左右是20px