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

2021-10-23 09:01:57 字數 953 閱讀 4887

塊狀元素、內聯元素(行內元素)、可變元素

注:行內塊元素歸在內聯元素這一類裡面

塊狀元素特點:

1、在頁面以矩形區域顯示。

2、自上而下排列,獨佔一行。

3、可直接加寬高

4、一般情況下,作為其他元素或內容的容器

內聯元素特點:

1、在頁面中最小單位也是矩形

2、在一行內逐個排列

3、不可以直接新增寬高,大小有內容撐開

4、內聯元素也符合盒模型的規則,但個別屬性會出現問題

5、內聯元素在一行

可變元素(了解)

button標籤典型的可變元素

塊類元素

div

dl - 和dt-dd

form

h1 -h6

hrolpul

lifieldset

colgroup-col

table-tr-td

內聯元素

a 

b br                          

iem                           

img                       

input             

label                 

span

strong

sub 

suptextarea

uselect如果感覺對自己有幫助,麻煩點一下關注,會一直和大家分享知識的,謝謝!!!

display:block此元素將顯示為塊級元素,此元素前後會帶有換行符(後面元素會換行顯示)。

inline-block將元素轉化為行內塊元素

inline將元素轉換為行內元素

CSS元素型別

html元素可以分為兩種 塊級元素 block level element 內聯元素 inline element 也叫行元素 兩者的區別在於以下三點 1 塊級元素會獨佔一行 即無法與其他元素顯示在同一行內,除非你顯式修改元素的display屬性 而內聯元素則會在一行內顯示。2 塊級元素可以設定wi...

CSS元素型別

前面有一篇文章講到在css世界中,html元素的表現都是乙個個盒子,而css中盒子的顯示方式有三種方式,分別是塊元素 行內元素和行內塊元素。本文總結這三種顯示方式的特徵和區別。最近在整理cnblogs上頁面的樣式,預設右側 隨筆分類 中的標籤是每行顯示乙個,而我想把右側 隨筆分類 中的標籤設定為一行...

css元素型別

css元素型別分為 塊狀元素,內聯元素,內聯塊狀元素 塊狀元素 1 在頁面中以矩形區域顯示 2 自上而下排列,獨佔一行 3 可以直接新增寬高,可做為其他元素或者內容的容器 常用的塊狀元素有 fieldset 表單字段集 colgroup col 表單列分組元素 table tr td 內聯元素 1 ...