塊級元素,簡單來說,就是自己獨占一行的元素。其特點:
①總是在新行上開始;
②高度,行高以及外邊距和內(nèi)邊距都可控制;
③寬度缺省是它的容器的100%,除非設(shè)定一個寬度。
④它可以容納內(nèi)聯(lián)元素和其他塊元素
匯總代碼如下:
XML/HTML Code復(fù)制內(nèi)容到剪貼板
- <!doctype html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title>Document</title>
- </head>
- <body>
- <!-- 塊狀元素 獨占一行 -->
- <!-- div無語義,稱它為盒子 -->
- <div>盒子</div>
- <!-- h1-h6語義 定義標(biāo)題 -->
- <h1>標(biāo)題1</h1>
- <h2>標(biāo)題2</h2>
- <h6>標(biāo)題3</h6>
- <!-- p 語義 段落標(biāo)簽 寫文字-->
- <p>文章</p>
- <!-- 列表多數(shù)用來存一系列的相似的數(shù)據(jù) -->
- <!-- 有序列表 -->
- <ol>
- <li>導(dǎo)航1</li>
- <li>導(dǎo)航2</li>
- <li>導(dǎo)航3</li>
- </ol>
- <!-- 無序列表 -->
- <ul>
- <li>導(dǎo)航1</li>
- <li>導(dǎo)航2</li>
- <li>導(dǎo)航3</li>
- </ul>
- <!-- 定義列表 解釋某個名詞 -->
- <dl>
- <dt>名詞</dt>
- <dd>解釋名詞的位置</dd>
- </dl>
- <!-- 表格 渲染性能不好 少用 -->
- <table>
- <caption>表格頭部</caption>
- <!-- tr是行 -->
- <tr>
- <!-- th表頭 -->
- <th>星期一</th>
- <th>星期二</th>
- </tr>
- <tr>
- <!-- td單元格 -->
- <td>上課</td>
- <td>上課</td>
- </tr>
- </table>
- </body>
- </html>
【網(wǎng)站聲明】本站除付費源碼經(jīng)過測試外,其他素材未做測試,不保證完整性,網(wǎng)站上部分源碼僅限學(xué)習(xí)交流,請勿用于商業(yè)用途。如損害你的權(quán)益請聯(lián)系客服QQ:2655101040 給予處理,謝謝支持。