CSS全域性宣告 與body的區別

2022-07-15 05:12:09 字數 546 閱讀 2516

通常在寫css前,為了保證相容性及展示效果的一致,先會清除瀏覽器預設樣式。此時有兩種用法比較常用:1、*{};  2、body{};

之前我比較偏好於用*{},比較便於把控樣式的設定。一直也沒試過body{},所以對body不太了解。今天簡單一試,發現了兩者的區別。

簡單講就是——*{}將更改應用於html結構中的所有元素,而body{}僅是更改了body層的預設屬性。從繼承角度講的話,*{}可以算做是應用於元素本身,而body{}則是繼承。

舉個栗子:

標籤預設的字型大小為"font-size: 2em;",如果用*宣告全域性樣式,則標籤的字型大小會更改為"font-size: 20px;";而如果用body宣告全域性樣式,則標籤的字型大小仍為"font-size:2em;",只是計算由原來瀏覽器的預設字型大小16px × 2 = 32px更改為20px × 2 = 40px;

總結:*{}宣告將應用body以及body下的所有元素的相應屬性值——body,body * {};

body{}宣告僅作用於body層,僅影響body下所有元素的相應屬性為繼承性質的值——body {};

CSS中 和body的區別

css中 和body有什麼區別 建議 盡可能的手寫 可以有效的提高學習效率和深度。在介紹它們兩個我們首先應該知道這兩個符號在css檔案中充當的是什麼角色。在css檔案中 是萬用字元選擇器 它可以選擇文件中所有的元素,也就是說是乙個通殺選擇器。body是乙個普通的型別選擇器 只能夠選中body這麼乙個...

CSS中 和body有什麼區別

css中 和body有什麼區別 建議 盡可能的手寫 可以有效的提高學習效率和深度。在介紹它們兩個我們首先應該知道這兩個符號在css檔案中充當的是什麼角色。在css檔案中 是 萬用字元選擇器 它可以選擇文件中所有的元素,也就是說是乙個 通殺選擇器。body是乙個普通的 型別選擇器 只能夠選中body這...

CSS宣告與定位

在head標籤中使用style標籤宣告 作用 此宣告一般宣告當前網頁的公共樣式或者給某個標籤的單獨樣式 在標籤上使用style標籤宣告 作用 此宣告會將css樣式直接作用於當前標籤 在head標籤中使用link標籤引用外部宣告好的css檔案 作用 此宣告相當於呼叫,解決了不同網頁之間樣式重複使用地問...