CSS2 0的盒模型

2021-08-29 10:49:17 字數 466 閱讀 7925

又忙活了一天,累啊............

本來下午寫了一篇很長php筆記的,可是沒儲存上,雖然這個blog系統不錯,但是還是有些bug.......以至我兩次辛辛苦苦寫的文章都沒儲存上。

發上去這個圖大家來看下吧,到現在我還沒研究透css布局,這個圖對初學者的理解很有幫助.關於css的書上可能會介紹到塊物件和內聯物件,在這裡我說下吧,這也是我剛遇到的問題.

所有可視的文件物件都是塊物件(block element)或者內聯物件(inline element)。例如,div是乙個塊物件,span 是乙個內聯物件。

塊物件的特徵是從新的一行開始且能包含其他塊物件和內聯物件。從新的一行開始:比如div就是前後斷行;

內聯物件被呈遞時不會從新行開始,能夠包含其他內聯物件和資料。內聯可以這樣理解:不從新的一行開始,直接從內容裡面,接著往後走。。。是指它能被別的物件內聯。。。。

CSS2 0實現麵包屑

css2.0實現麵包屑 如上所示 思路 1.頁面有3個li li標籤巢狀有2個標籤 分別模擬2個小三角形 第乙個就是白色背景那塊 第二塊就是和灰色背景重疊的那個小三角。html 可以寫成如下 div class box ul li gggg em em i i li li class current...

css盒模型 標準盒模型 怪異盒模型

css 盒子模型 box model 每個html元素都可以看作是乙個盒子,父元素和子元素的關係就行大盒子裡放了個小盒子,兄弟元素就像在大盒子平放了兩個小盒子。盒模型包括 外邊距 margin 邊框 border 內邊距 padding 實際內容 content 四個屬性。由於目前大部分主流的瀏覽器...

CSS的盒模型

乙個盒子中主要的屬性 就5個 width height padding border margin。width是 寬度 的意思,css中width指的是內容的寬度,而不是盒子的寬度。height是 高度 的意思,css中height指的是內容的高度,而不是盒子的高度 padding是 內邊距 的意思...