css塊級元素 行內元素

2022-10-10 20:15:18 字數 292 閱讀 1834

說說對html頁面元素的排列認識:

html中所有元素從上到下排列,所以需要css來對其中的元素進行排序、調節樣式,並用js為其新增互動效果。

css的排序、定位是相對塊級元素而言的,margin/padding/width/height也是相對塊級元素而言,所以必須將行內元素弄成塊級元素。

使用css屬性:display:block;,即可實現該要求。

常見的塊級元素有:h1~h6、p、div、ul、table,常見的行內元素有:span、a、input、select等。 

常用設定:  ul

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

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

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

內聯元素 行內元素 內聯元素 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 結合行內和塊級元素的...