獨佔一行,對寬高的屬性值生效;如果不給寬度,預設為瀏覽器的寬度即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 每個塊級...