HTML基礎複習(七)布局 div間距

2021-09-24 16:13:10 字數 782 閱讀 2884

兩個div之間的間距

練筆過程中疑問匯出的知識點

問題:兩個div之間有縫隙

效果:

測試:

由id=menu的div中的元素導致

然後搜尋

學習:

1、瀏覽器預設的css樣式——就像上例,標籤的預設樣式:,這才導致兩個div之間有間距,為標籤的style屬性新增 margin: 0 ;就不會又間距了

瀏覽器都擁有一套自己的預設樣式,如果html中沒有為標籤設定樣式,則瀏覽器會按照自己的樣式來顯示。但是瀏覽器預設樣式的級別是最低的,一旦有其他地方設定了標籤樣式,瀏覽器預設樣式就會被沖掉。不同瀏覽器的預設樣式有些地方是不一樣的。

webkit的預設樣式表: 《「

瀏覽器預設樣式對比表:《「

「》2、css中的單位em和rem——《「

」》

Css Div布局學習(一) Div布局基礎

如果我們要進行css的布局,那float 浮動 就是最為關鍵的乙個屬性了。浮動可以使你的塊元素不遵守元素流的布局特性,如果不採用浮動,元素將乙個接乙個地往下排列。float屬性有三個值 left right和none,後面我們就會使用這些值的。我們將使用事例來說明布局的特性。我們做乙個html檔案,...

HTML基礎複習4

css的應用 模組的邊框 設定邊框樣式 border style 如果是乙個值那麼表示四個邊的樣式都一樣 如果是兩個值那麼第乙個值代表上下,第二個值代表左右 如果是三個值,第乙個值代表上,第二個值代表左右,第三個值代表下 如果是四個值,按順序代表上 右 下 左,none表示沒有邊框 dashed 虛...

HTML基礎複習(一)

html 超文字標記語言 hypertext markup language 不是一種程式語言,是標記語言 html元素 段落 html標籤 段落 html宣告 並不是標籤 html5 html4.0.1 strict html 4.01 transitional html 4.01 framese...