CSS全局樣式可以方便地對(duì)整個(gè)網(wǎng)站進(jìn)行樣式設(shè)置,從而達(dá)到統(tǒng)一的外觀效果。下面是一些設(shè)置CSS全局樣式的方法:
//設(shè)置所有段落字體大小為16px p{ font-size: 16px; } //設(shè)置所有鏈接的顏色為藍(lán)色 a{ color: blue; } //設(shè)置所有圖片為居中顯示 img{ display: block; margin: 0 auto; }
以上代碼可以在樣式表中定義,也可以在網(wǎng)站的html文件中使用style標(biāo)簽直接設(shè)置。另外,可以使用css變量來(lái)簡(jiǎn)化全局樣式的設(shè)置:
:root{ --main-color: #f00; //定義主色變量 --font-size: 16px; //定義字體大小變量 } p{ color: var(--main-color); //使用主色變量 font-size: var(--font-size); //使用字體大小變量 }
使用CSS全局樣式可以極大地提高網(wǎng)站樣式的一致性和可維護(hù)性,值得推薦。