CSS全局控制是指可以在整個網站或頁面的CSS樣式表中統一定義一些基本樣式,以便在頁面中快速應用和修改這些樣式。下面我們來看一些常見的CSS全局控制。
body { font-family: Arial, sans-serif; font-size: 16px; line-height: 1.5; color: #333; }
上面的代碼中,我們定義了body元素的字體、字號、行高和顏色。這些樣式將應用到整個頁面的文本內容中。
a { text-decoration: none; color: #0077cc; } a:hover { text-decoration: underline; }
上面的代碼中,我們定義了鏈接元素的基本樣式,包括去除下劃線并設置顏色為藍色。在鼠標懸停時,我們又為鏈接添加了下劃線,以增加交互效果。這些樣式在整個網站中所有的鏈接都將應用。
h1, h2, h3, h4, h5, h6 { font-weight: bold; line-height: 1.2; color: #333; margin-top: 1em; margin-bottom: 0.5em; }
上面的代碼中,我們為標題元素定義了一些基本樣式,包括加粗、設置行高、顏色和上下邊距。這些樣式在頁面中所有的標題元素中都將應用。
CSS全局控制可以有效地提高網站的可維護性和樣式的一致性,但是需要慎重使用,避免因樣式沖突或樣式繼承導致的不必要的麻煩。
下一篇網頁字體設置css