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

2022-04-29 06:06:07 字數 407 閱讀 2630

獨佔一行,對寬高的屬性值生效;如果不給寬度,預設為瀏覽器的寬度即100%

塊標籤:p、div、ul、ol、li、dl、dt、dd、h1~h6、form

可以多個標籤存在一行,對寬高的屬性值不生效,靠內容撐開

行內標籤:a、span、em、strong、b、i、u、label、br

結合行內和塊級元素的優點,不僅可以設定寬高,還可以多個標籤存在一行

行內塊元素: img、input、textarea

塊 -》 行內   display:inline;

行內 -》塊    display:block;

轉為行內塊元素 display:inline-block;

塊標籤可以巢狀行標籤,行標籤不可以巢狀塊標籤

p標籤不要套塊標籤,可以套 a,spam,文字等等

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

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

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

塊級元素 一行只能放乙個,可以設定寬度高度,預設為容器的100 可以包含任何標籤 常用元素 div hr p h1 h6 ul ol dl form table 行內元素 一行可以放多個行內元素,不可以直接設定寬度高度,預設為本身內容的寬度,容納文字或其他行內元素 常用元素 span a i em ...

CSS塊級元素 行內元素 行內塊級元素

塊級元素 根據css規範的規定,每乙個網頁元素都有乙個display屬性,用於確定該元素的型別,每乙個元素都有預設的display屬性值,比如div元素,它的預設display屬性值為 block 成為塊級元素 display block 常見塊級元素 div p ul ol li 等 1 每個塊級...