如何將相同的字體應用於頁面上的所有內容？

Question

假設我想在HTML標頭中指定Arial - 並且我希望它適用於所有內容。

我是否必須明確列出每種元素類型？或者我可以用一個聲明來設置它們嗎？

Answer 1

可以使用*選擇它適用於一切：

<style> 
* { 
    font-family: Arial; 
} 
</style> 

注意，這可能是矯枉過正的目的 - 由於CSS的性質，風格上的父元素設置通常由子元素繼承，因此，通常將body元素上的字體樣式設置爲應用於整個頁面就足夠了。

body { 
    font-family: Arial; 
} 

Answer 2

不，一般在body上指定它就足夠了。這就是CSS中的C用於：級聯。這意味着元素繼承其父元素的屬性。因此，body（應該是所有內容）的任何內容都將自動繼承該字體。

body { font: 12px Helvetica, Arial, sans-serif; } 

Answer 3

我喜歡

body { 
    font-family: Arial; 
} 

，讓它向下級聯。這樣做的好處是不會跺跺樹下的顯式字體選擇。如果你想跺腳，在其他答案中使用*表格