元素的顯示模式

2021-10-10 19:12:03 字數 556 閱讀 8540

1.獨佔一行

2.可以設定width/height

3.預設width是父級元素寬度的100%

4.塊級元素裡可以放塊級元素和行內元素

文字類的標籤內不能使用塊元素,主要用於存放文字,因此標籤不能放塊級元素。1.一行可以顯示多個

2.width/height設定無效

3.width預設內容的寬度

4.行內元素裡只能放文字元素或其他行內元素

1.一行可以顯示多個

2.預設寬度是內容的寬度

3.width,height可控制。

元素的顯示模式總結

元素模式

元素排列

設定樣式

預設寬度

塊級元素

一行顯示乙個

可控制寬,高

容器的100%

行內元素

一行顯示多個

不可設定寬,高

內容本身的寬度

行內塊元素

一行顯示多個

可設定寬,高

內容本身的寬度

元素顯示模式

權重 id的權重是100。類的權重是10。標籤的權重是1。樣式最後使用 元素顯示模式 塊元素 常見的塊元素有,行內元素 常見的行內元素有,1.一行顯示多個 2.設定width,height無效 3.預設的寬高是內容的寬高 鏈結裡不能再放鏈結,特殊情況鏈結裡可以放塊級元素,但是給轉換一下塊級模式最安全...

元素顯示的模式控制

ul li ul li hover 這裡的display inline block 需要解釋一下,如果屬性值為none則隱藏,如果屬性值為inline,則變為行內元素,相當於span標籤,這時指定寬和高是不起作用的,如果指定為inline block,則也為行內元素,但有塊級元素的特徵,可以指定寬和...

HTML CSS 元素的顯示模式

在了解元素顯示模式前,我們先來舉個不恰當的例子 比如在世界上的人有成萬上億,那麼歸根結底只有兩種人就是男人和女人,偶爾還有可能有第三種人 人妖。無論是男人還是女人甚至人妖,雖然都是人但是不同的人也有著不同的特點或者說不同的分工。其實在html中也跟我們人類相似,html中同樣也有多種多樣的元素標籤,...