HTML讀書筆記(1)

今天測試下html學習的過程,可是目前發現一個問題。

<div><p style="width:80px;height:80px;background-color:#00F;">p2</p></div>
<div>塊</div>


<div style="width:80px;height:80px;background-color:#00F;"><p>p2</p></div>


這兩種效果是不一樣的。可以說 是很大的不同,一個是位置,一個是下面的換行邊距。暫時不太理解。先記下來。

解決了(但是也說的不是很清楚)。因爲div標籤是沒有默認的margin值得,而p標籤有。當div存在內容,後面的標籤就是和div標籤 相鄰,這時候沒有外邊距,另外p 標籤是有外邊距的,所以在div標籤內那個狀態,但是當設置p後,p標籤有外間距,所以就會和第一個圖那樣。在div標籤裏,它並沒有顯示他的外邊距。KO。


發佈了46 篇原創文章 · 獲贊 7 · 訪問量 2萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章