通常在寫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檔案 作用 此宣告相當於呼叫,解決了不同網頁之間樣式重複使用地問...