塊元素 行內元素 行內塊元素

2021-10-20 18:43:00 字數 382 閱讀 5818

塊級元素:一行只能放乙個,可以設定寬度高度,預設為容器的100%,可以包含任何標籤

常用元素:div、hr、p、h1-h6、ul、ol、dl、form、table

行內元素:一行可以放多個行內元素,不可以直接設定寬度高度,預設為本身內容的寬度,容納文字或其他行內元素

常用元素:span、a、i、em

行內塊元素:一行可以放多個行內塊元素,可以設定寬度和高度,預設為本身內容的寬度

元素顯示模式轉換

轉換為塊級元素(display:block;)寫在css樣式裡

轉換為行內元素(display:inline;)寫在css樣式裡

轉換為行內塊元素(display:inline-block;)寫在css樣式裡

a屬於行內元素

塊級元素,行內元素,行內塊元素

內聯元素 行內元素 內聯元素 inline element 行內塊元素 a 錨點 abbr 縮寫 acronym 首字 b 粗體 不推薦 bdo bidi override big 大字型 br 換行 cite 引用 code 計算機 在引用原始碼的時候需要 dfn 定義字段 em 強調 font ...

塊級元素,行內元素,行內塊元素

獨佔一行,對寬高的屬性值生效 如果不給寬度,預設為瀏覽器的寬度即100 塊標籤 p div ul ol li dl dt dd h1 h6 form 可以多個標籤存在一行,對寬高的屬性值不生效,靠內容撐開 行內標籤 a span em strong b i u label br 結合行內和塊級元素的...

塊元素,行元素,行內塊元素

1.內容獨佔一行 2.塊元素可以設定寬高 3.如果不設定寬高,寬度就等於父元素的寬度,高度就等於內容的高度 4.塊元素可以設定內外邊距 5.多個塊元素之間上下排列 常見的塊元素 div,section,p,h1 h6,hr,ul,li等 塊元素可以通過margin 0 auto 實現定寬居中的效果 ...