塊級元素與行內元素的區別及其CSS展現

2022-09-06 01:09:12 字數 969 閱讀 5722

1、塊級元素是換行的,類似猛擊回車的效果;

2、行內元素是在同一行的,類似空格的效果;

以上是我亂總結的,大家還是看圖吧:

div>body內第1個div,我是塊級元素

div>

1617

<

a href

="#"

>鏈結1,我是行內元素

a>

18<

a href

="#"

>鏈結2

a>

19<

a href

="#"

>鏈結3

a>

20<

a href

="#"

>鏈結4

a>

21<

div>

22 body內第2個div<

p>div內的段落p,我是塊級元素

塊級元素與行內元素區別

1.塊級元素 特性 佔一行顯示,可以設定寬度和高度 屬性 描述 位址長的引用 標題 列表中定義條目 劃分區域 定義列表 列表中專案 框架集表單 標題 一級到六級 一條水平線 為fieldset元素定義標題 列表給不支援框架的瀏覽器顯示文字,frameset元素內部 在指令碼未被執行時的替代內容 有序...

行內元素與塊級元素的區別

1 塊級元素 div p form ul,li ol,dl,form,address,fieldset,hr,menu,table 2 行內元素 span,strong,em,br,img input,label,select,textarea,cite,塊級元素會單獨佔一行,預設情況下,其寬度自動...

塊級元素與行內元素的區別

htm元素一般分塊級元素和行內元素。塊級元素 塊級元素單獨一行,可以設定寬度高度,可以設定margin,padding。可以成為其他元素的容器,可以容納塊級元素可行內元素。常見的塊級元素有div,p h1 h6,ul,table,form,hr等。行內元素 行內元素設定width無效,height無...