塊級元素
1、多個元素存在一行
2、對寬高不生效
代表元素有:div、p、h1~h6、ul、li、dl、dt、dd、ol、table、td、th、tr、address、caption、field、form、hr、legend、noframes、noscripts、pre、tbody、tfoot、thead
行內元素
1、獨佔一行
2、對寬高生效
代表元素有:span、font、b、u、i、strong、em、a、br、abbr、label、samp、select、small、sub、sup、textare、tt、var
行內塊元素
1、多個元素存在一行
2、對寬高生效
代表元素有:img、input、button
塊級元素、行內元素、行內塊元素的轉換模式
display:block;
//行內轉為塊級元素
display:inline;
//塊內轉為行內元素
display:inline-block;
//行內轉為行內塊元素
塊級元素,行內元素,行內塊元素
內聯元素 行內元素 內聯元素 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 結合行內和塊級元素的...
HTML 中的塊級元素 行內元素 行內塊級元素
html可以將元素分類方式分為行內元素 塊狀元素和行內塊狀元素三種,一般使用display,進行三者的轉換。display inline 將元素轉換為行內元素 display block 將元素轉換為塊級元素 display inline block 將元素轉換為行內塊級元素。行內元素 displa...