行級元素 塊級元素

2021-09-28 21:37:29 字數 854 閱讀 5840

一.元素分類

行間元素(inline):span, strong, em, a, del

塊級元素(block):div, p, h1~h6,ul, ol, li, form, address

行塊級元素(inline-block):img

1.行間元素:內容決定元素所在位置,不可以通過css改變寬高。

1234

設定的寬高無效!!!!!

2.塊級元素:獨佔一行,可以通過css改變寬高

不設定寬高時,獨佔一行,高度隨內容大小。

1234

3.行塊級元素:內容決定大小,不獨佔一行,可以通過css改變寬高

具有行的其中特點:不獨佔一行,後面可以跟元素

具有塊的其中特點:可以通過css改變寬高

不要誤以為行塊級元素就是塊級元素!!!!!

二.行級塊元素的特殊性:外面的文字是和行級塊元素裡面的文字對齊

1.行級元素後面的文字(底對齊)

2.行級塊元素左右的文字跟行級塊元素裡面的文字對齊

html css 行級元素,塊級元素

偽選擇器 hover 行級元素 內聯元素 feature 1.內容決定所站位置 2.不可以通過css改變寬高 display inline 代表元素 span strong em a del 塊級元素 feature 1.獨佔一行 2.可以通過css改變寬高 display block 代表元素 d...

行級元素和塊級元素

1.行級元素和塊級元素區別 行級元素 不能設定寬高,水平分布。塊級元素 能設定寬高,垂直分布。2.常見行級元素,塊級元素 行級元素 span,a,i 斜體 b 加粗 strong 與b類似,但strong只加粗,b還有重點的意思 不要提及img標籤!該標籤類似於行級塊元素,一行可以放好多,但可以設定...

塊級元素和行級元素

常見的快級元素 p 段落 div 塊級容器 h1 h6 標題 table ul 無序列表 ol 有序列表 form 表單 hr 水平分割線 常見的行級元素 br 換行 strong 粗體強調 input 輸入框 em 強調 img span 內聯容器,定義文字內區塊 常見的可變元素 button 按...