在CSS中,全局樣式是指應用于整個文檔或頁面而不是特定元素的CSS規則集。全局樣式可以應用于網站的全部頁面,也可以僅應用于特定區域或特定元素。
全局樣式可以通過在HTML文檔中頭部的<style>標簽中定義,在CSS文件中定義,或者通過JavaScript動態修改樣式來定義。下面是一個全局樣式的例子:
body { font-family: Arial, Helvetica, sans-serif; font-size: 16px; background-color: #fff; color: #333; }
在這個例子中,所有的HTML文檔都會應用此全局樣式。注意,這里使用了body元素作為選擇器,這是因為body元素是網頁中最基礎的元素之一,它包含了整個頁面的內容。
除了在body元素中定義外,全局樣式也可以作用于其他元素。例如,如果想要將鏈接顏色定義為全局樣式,可以像下面這樣做:
a { color: #0066CC; text-decoration: none; }
在此示例中,<a>元素的顏色和文本裝飾將應用于整個頁面。
全局樣式的優點是可以簡化CSS文件的維護。如果想要改變某一元素的樣式,只需要修改全局樣式中的規則即可,而無需到每個具體元素中修改。但全局樣式也有其缺點,比如無法針對特定元素進行個性化的樣式定義。因此,在使用全局樣式時需要注意使用場景。
下一篇css控制粗細的事