塊級(jí)元素,簡(jiǎn)單來(lái)說(shuō),就是自己獨(dú)占一行的元素。其特點(diǎn):
①總是在新行上開始;
?、诟叨龋懈咭约巴膺吘嗪蛢?nèi)邊距都可控制;
?、蹖挾热笔∈撬娜萜鞯?00%,除非設(shè)定一個(gè)寬度。
④它可以容納內(nèi)聯(lián)元素和其他塊元素
匯總代碼如下:
XML/HTML Code復(fù)制內(nèi)容到剪貼板
- <!doctype html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title>Document</title>
- </head>
- <body>
- <!-- 塊狀元素 獨(dú)占一行 -->
- <!-- div無(wú)語(yǔ)義,稱它為盒子 -->
- <div>盒子</div>
- <!-- h1-h6語(yǔ)義 定義標(biāo)題 -->
- <h1>標(biāo)題1</h1>
- <h2>標(biāo)題2</h2>
- <h6>標(biāo)題3</h6>
- <!-- p 語(yǔ)義 段落標(biāo)簽 寫文字-->
- <p>文章</p>
- <!-- 列表多數(shù)用來(lái)存一系列的相似的數(shù)據(jù) -->
- <!-- 有序列表 -->
- <ol>
- <li>導(dǎo)航1</li>
- <li>導(dǎo)航2</li>
- <li>導(dǎo)航3</li>
- </ol>
- <!-- 無(wú)序列表 -->
- <ul>
- <li>導(dǎo)航1</li>
- <li>導(dǎo)航2</li>
- <li>導(dǎo)航3</li>
- </ul>
- <!-- 定義列表 解釋某個(gè)名詞 -->
- <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)站聲明】本站除付費(fèi)源碼經(jīng)過(guò)測(cè)試外,其他素材未做測(cè)試,不保證完整性,網(wǎng)站上部分源碼僅限學(xué)習(xí)交流,請(qǐng)勿用于商業(yè)用途。如損害你的權(quán)益請(qǐng)聯(lián)系客服QQ:2655101040 給予處理,謝謝支持。