CSS元素型別的轉換

2022-07-21 12:00:26 字數 486 閱讀 9309

元素的型別通常分為:塊級元素 內聯元素 內聯塊元素

塊級元素: 塊級元素會佔據一行的位置,它後面的元素內容會換行顯示 塊級元素裡面可以放任何內容,主要用來布局。

常見的塊級元素:div h1-h6 ul li ol li p table form

行內元素:內聯元素也叫行級元素它只佔據他內容所佔的位置,其它的內容在他後面顯示,但是行級元素裡面不能放塊級元素

常見的行內元素:a b span i del

元素型別的轉換

通過樣式轉換行塊級元素:

display:none; 隱藏物件

display:block; 變為塊級元素/也有顯示的意思

display:inline; 變為行內元素

display:inline-block; 以行內元素形式排列以塊級元素樣式顯示

css元素型別的轉換

day12 1 元素型別的轉換 display屬性 display屬性 屬性值 block inline none 大部分塊狀元素預設的display的值為block,其中li預設的值 list item 列表元素 大部分內聯元素預設的display值為inline,其中input預設的值為 inl...

CSS元素型別及其轉換

根據css顯示分類,xhtml元素被分為 三種型別 塊狀元素,內聯元素,可變元素 三種型別 塊狀元素,內聯元素,內聯塊元素 css2.1增加 a 塊狀元素在網頁中就是以塊的形式顯示,所謂塊狀就是元素顯示為矩形區域,b 預設情況下,塊狀元素都會佔據一行,通俗地說,兩個相鄰塊狀元素不會出現並列顯示的現象...

css元素型別以及型別之間的轉換

塊狀元素 內聯元素 行內元素 可變元素 注 行內塊元素歸在內聯元素這一類裡面 塊狀元素特點 1 在頁面以矩形區域顯示。2 自上而下排列,獨佔一行。3 可直接加寬高 4 一般情況下,作為其他元素或內容的容器 內聯元素特點 1 在頁面中最小單位也是矩形 2 在一行內逐個排列 3 不可以直接新增寬高,大小...