塊級元素與行內元素

2022-07-02 03:57:07 字數 397 閱讀 3569

兩個種類:塊級元素,行內元素

塊級元素可以設定:寬度,高度,對齊等屬性 行內元素:不佔獨立區域,一般不可以設定他的寬度,高度,對齊

塊級元素: h1~h6 段落p li ul ol 典型的是div 特點:獨自佔一行

行內元素: strong a em u b input 典型的是span

(1)h1~h6它們只搭建文字結構

(只加文字或行內元素)不能插入其他快捷元素

(2)其他快捷元素裡可以加任意元素,文字,行內元素

(3)行內元素裡面只加文字或其他行內元素不能加快捷元素,但是a是特例

(4)img、input是可以設定寬高屬性的行內元素

顯示span的內容用 display:block

垂直時 選元素邊框的最大者

行內元素 塊級元素和行內塊級元素

而標籤的屬性是可以轉換的 display inline 轉換為行內元素 display linline block 轉換為行內塊元素 display block 轉換為塊級元素。行內元素 無法設定寬高 margin和padding上下無效,只有左右有效果 總是和相鄰的行內元素在同一行上,預設排列方式...

行內元素與塊級元素

1.行內元素與塊級元素直觀上的區別 行內元素會在一條直線上排列,都是同一行的,水平方向排列 塊級元素各佔據一行,垂直方向排列。塊級元素從新行開始結束接著乙個斷行。2.塊級元素可以包含行內元素和塊級元素。行內元素不能包含塊級元素。3.行內元素與塊級元素屬性的不同,主要是盒模型屬性上 行內元素設定wid...

塊級元素與行內元素

用法 塊級元素只能用於標籤中 塊級元素與行內元素 塊級元素與行內元素的幾個區別 格式 在預設情況下,塊級元素會從新起一行 內容模型 塊級元素可以包含其他的塊級元素和行內元素,這種模型會比行內元素有著更加大的結構 塊級元素列表 1.資訊 2.塊引用 3.定義列表中的條目描述 4.文件分割槽 5.定義列...