溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

CSS標(biāo)簽是怎樣顯示模式

發(fā)布時間:2021-12-02 18:20:03 來源:億速云 閱讀:151 作者:柒染 欄目:大數(shù)據(jù)

本篇文章給大家分享的是有關(guān)CSS標(biāo)簽是怎樣顯示模式,小編覺得挺實用的,因此分享給大家學(xué)習(xí),希望大家閱讀完這篇文章后可以有所收獲,話不多說,跟著小編一起來看看吧。       

####塊級標(biāo)簽/元素
div,p, h2-h7 ol ul dl dt dd
h6新增的 header footer nav aside article section
display:block
特點:
1可設(shè)置寬高
2 獨占一行
3 默認(rèn)寬度是父級別標(biāo)簽的寬度
4主要用途為容器布局,可以嵌套其他塊級元素或者行內(nèi)標(biāo)簽。
5 p標(biāo)簽不要包裹其他塊級元素

瀏覽器會增加

display:block

####行內(nèi)標(biāo)簽/元素
span,a,stong,ins b, del,s,su,i,em
display:inline
1設(shè)置高寬沒有效果
2 可以允許其他行內(nèi)元素排成一排
3內(nèi)容有多大就顯示多大,如果沒有內(nèi)容嗎,那么就沒有大小
4 一般用來包裹文字或者做一些小的裝飾
5 不要行內(nèi)標(biāo)簽不要嵌套塊標(biāo)簽,但是a 標(biāo)簽不受此限制
####行內(nèi)塊標(biāo)簽/元素
img input
轉(zhuǎn)換成行內(nèi)塊標(biāo)簽

1行內(nèi)塊標(biāo)簽其實本質(zhì)是一種特殊的行內(nèi)標(biāo)簽,text-align和line-height都可以控制行內(nèi)的塊元素
2 允許其他的行內(nèi)元素排成一排
3 設(shè)置寬高生效

以上就是CSS標(biāo)簽是怎樣顯示模式,小編相信有部分知識點可能是我們?nèi)粘9ぷ鲿姷交蛴玫降?。希望你能通過這篇文章學(xué)到更多知識。更多詳情敬請關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

css
AI