html5標(biāo)記分為3類：1、塊級元素，其特點為能夠設(shè)置寬高、可以自動換行、margin和padding的上下左右均對其有效；2、行內(nèi)元素，其特點為無法設(shè)置寬高、不會自動換行；3、行內(nèi)塊元素，其特點為能夠設(shè)置寬高、不會自動換行。

創(chuàng)新互聯(lián)專注于貴南網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供貴南營銷型網(wǎng)站建設(shè)，貴南網(wǎng)站制作、貴南網(wǎng)頁設(shè)計、貴南網(wǎng)站官網(wǎng)定制、微信小程序定制開發(fā)服務(wù)，打造貴南網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供貴南網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

本教程操作環(huán)境：windows7系統(tǒng)、HTML5版、Dell G3電腦。

HTML5中的標(biāo)記分為塊級元素、行內(nèi)元素、行內(nèi)塊元素。

行內(nèi)元素：

無法設(shè)置寬高。

margin上下無效，只有左右有效果；padding都有效果，會撐大空間。

box-sizing:border-box;無效，因為該屬性針對盒模型。

不會自動換行

塊級元素：

能夠設(shè)置寬高

margin和padding的上下左右均對其有效

可以自動換行

多個塊狀元素標(biāo)簽寫在一起，默認排列方式為從上至下

可以使用margin:0 auto居中對齊

行內(nèi)塊元素：

不會自動換行

能夠設(shè)置寬高

默認排列方式為從左到右

可以使用text-align:center使內(nèi)容相對于父盒子水平居中對齊，例如img標(biāo)簽，可以使用text-align:center相對父盒子居中對齊

margin:0 auto無效

水平排列，但所有元素默認會有1個空格的間隙，因為元素之間在html中書寫有回車換行，瀏覽器解析會將其解析成一個空格。

但標(biāo)簽的類型是可以轉(zhuǎn)換的

display:inline: 轉(zhuǎn)換為行內(nèi)元素

display:linline-block轉(zhuǎn)換為行內(nèi)塊元素

display:block轉(zhuǎn)換為塊級元素

掌握元素類別?，F(xiàn)將學(xué)過的標(biāo)簽分類如下：

1、塊級元素

標(biāo)題

有序列表

無序列表

定義列表

段落標(biāo)簽

預(yù)格式文本

大段引用

小段引用

劃分區(qū)塊

定義

音頻

視頻

表格

表單

添加一條直線

裝載獨立文章