css 行內 塊級 盒模型

2022-05-08 06:39:07 字數 377 閱讀 2234

行內元素:

a span strong img input select

和其他元素都在一行上;

高,行高及頂和底邊距不可改變;

寬度就是它的文字或的寬度,不可改變。

塊級元素:

h1~h6 div p ul ol li dl dt dd

總是在新行上開始;

高度,行高以及頂和底邊距都可控制;

寬度預設是它的容器的100%,除非設定乙個寬度

盒模型:

width border padding margin

margin 是外邊距,屬於元素之外,相鄰元素的margin 可以融合。

padding 是內邊距,在元素之內,相鄰元素的padding 不可融合。

css盒模型?行內元素及塊級元素間的轉換?

在css中,每乙個網頁元素均有有個display屬性 預設有屬性值 用於確定此元素的型別。在此之前,先介紹一下盒模型,網頁需宣告doctype型別 瀏覽器辨識w3c盒模型 css盒模式 box model 主要以下5個屬性 width height padding border margin。tip...

CSS基礎 塊級元素與盒模型

簡介 在 html4.01 中,元素通常可以分為塊級元素 block level element 和內聯元素 inline level element 兩大類。塊級元素單獨佔一行顯示,內部可以包含內聯元素或其他塊級元素 內聯元素不換行,內部只能包含其他內聯元素,在這篇文章中將只討論塊級元素。注 在 ...

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

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