首創(chuàng)網(wǎng)絡(luò)公司談html5元素的分類有哪些
日期:2022-06-13發(fā)布:首創(chuàng)網(wǎng)絡(luò)瀏覽:526次
首創(chuàng)網(wǎng)絡(luò)公司談html5元素的分類有哪些?html5元素可以分為兩個(gè)類別:1、“塊級(jí)元素”;該種元素會(huì)獨(dú)占一行,總是在新行上開(kāi)始,元素的寬度、高度以及外邊距和內(nèi)邊距等都可以控制。2、“內(nèi)聯(lián)元素”;該種元素和其他元素會(huì)在同一行上顯示,元素的寬度、高···
本文關(guān)鍵字:邯鄲網(wǎng)絡(luò)公司,網(wǎng)站建設(shè),網(wǎng)站優(yōu)化,企業(yè)畫(huà)冊(cè),VI設(shè)計(jì),首創(chuàng)網(wǎng)絡(luò)
首創(chuàng)網(wǎng)絡(luò)公司談html5元素的分類有哪些?html5元素可以分為兩個(gè)類別:1、“塊級(jí)元素”;該種元素會(huì)獨(dú)占一行,總是在新行上開(kāi)始,元素的寬度、高度以及外邊距和內(nèi)邊距等都可以控制。2、“內(nèi)聯(lián)元素”;該種元素和其他元素會(huì)在同一行上顯示,元素的寬度、高度以及外邊距和內(nèi)邊距都不可以改變。
塊級(jí)元素
塊級(jí)元素最主要的特點(diǎn)是它們自己獨(dú)占一行,塊級(jí)元素中最具代表性的就是
、
塊級(jí)元素一般都具有特定的語(yǔ)義,可以使代碼的可讀性更強(qiáng)。
塊級(jí)元素的主要特征如下所示:
不管是否使用換行標(biāo)簽
,塊級(jí)元素總是在新行上開(kāi)始;
塊級(jí)元素的寬度、高度以及外邊距和內(nèi)邊距等都可以控制;
如果省略塊級(jí)元素的寬度,那么它的寬度默認(rèn)為當(dāng)前瀏覽器窗口的寬度;
塊級(jí)元素中可以包含其它的內(nèi)聯(lián)元素和塊級(jí)元素。
內(nèi)聯(lián)元素
內(nèi)聯(lián)元素也可以稱為行內(nèi)元素,行內(nèi)元素中最常用的是,此外還有、、、、、、、、、、、、、和等。
內(nèi)聯(lián)元素往往帶有某種特殊的顯示效果,可以代替部分CSS樣式,非常實(shí)用,例如:
和標(biāo)簽可以修飾字體;
和兩個(gè)標(biāo)簽分別用來(lái)定義下標(biāo)文本和上標(biāo)文本。
行內(nèi)元素的主要特征如下所示:
行內(nèi)元素和其他元素會(huì)在同一行上顯示;
行內(nèi)元素的寬、高以及外邊距和內(nèi)邊距都不可以改變;
行內(nèi)元素的寬度就是其中內(nèi)容的寬度,且不可以改變;
內(nèi)聯(lián)元素中只能容納文本或者其他內(nèi)聯(lián)元素。
對(duì)于行內(nèi)元素的使用,需要注意如下幾點(diǎn):
設(shè)置寬度width無(wú)效;
設(shè)置高度height無(wú)效,但可以通過(guò)line-height來(lái)設(shè)置行高;
可以設(shè)置margin外邊距,但只對(duì)左右外邊距有效,上下無(wú)效;
設(shè)置padding內(nèi)邊距時(shí),只有左右padding有效,上下則無(wú)效,需要注意的是元素范圍是增大了,但是對(duì)元素周圍的內(nèi)容是沒(méi)影響的;
可以通過(guò)display屬性將元素在行內(nèi)元素和塊級(jí)元素之間進(jìn)行切換。
- 歡迎大家閱讀瀏覽,部分內(nèi)容來(lái)源于網(wǎng)絡(luò),如有侵權(quán),請(qǐng)聯(lián)系我們刪除!
服務(wù)項(xiàng)目
熱門(mén)信息
- 邯鄲網(wǎng)絡(luò)公司:模板建站的好處有哪些?
- 3632024-04-25
- 4.20日音訊,邯鄲網(wǎng)絡(luò)公司:企業(yè)官網(wǎng)有必要做嗎?
- 2122024-04-20
- 4.20日音訊,邯鄲網(wǎng)絡(luò)公司:為什么模板建站如此便宜?
- 2862024-04-20
- 4.9日音訊,企業(yè)網(wǎng)站維護(hù)的日常工作
- 2902024-04-09
- 4.5日訊,建設(shè)一個(gè)外貿(mào)網(wǎng)站多少錢?
- 4852024-04-05
- 邯鄲網(wǎng)絡(luò)公司:外貿(mào)網(wǎng)站制作的8個(gè)步驟
- 3762024-03-05
- 企業(yè)網(wǎng)站如何制作才能取得更好的效果
- 5652024-02-29
- 簡(jiǎn)單3步,輕松做企業(yè)官網(wǎng)
- 6812024-02-18