CSS3是現(xiàn)今網(wǎng)頁設(shè)計中最流行的樣式語言之一,其外部樣式能夠使網(wǎng)頁樣式單獨(dú)維護(hù),方便快捷,同時也能夠統(tǒng)一網(wǎng)站整體的視覺效果,提升用戶體驗。
/* 外部樣式表.css代碼 */ body { background-color: #F4F4F4; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; } h1 { color: #333; font-size: 36px; text-align: center; margin: 50px 0; } p { color: #666; font-size: 18px; line-height: 1.6; margin: 20px 0; } a { text-decoration: none; color: #0099FF; transition: color 0.2s ease-in-out; } a:hover { color: #49A1FF; }
以上是一個簡單的外部樣式表CSS代碼,其中body標(biāo)簽設(shè)置了網(wǎng)頁的背景顏色和字體樣式,h1標(biāo)簽設(shè)置了網(wǎng)頁標(biāo)題的樣式,p標(biāo)簽設(shè)置了段落的樣式,a標(biāo)簽設(shè)置了超鏈接的樣式,并添加了鼠標(biāo)懸浮時顏色改變的效果。
在HTML中引用CSS文件,只需在頭部添加一行代碼即可:
<head> <link rel="stylesheet" type="text/css" href="外部樣式表.css"> </head>
以上代碼中,link標(biāo)簽引入外部樣式表,并指定CSS文件路徑。
使用外部樣式表可以有效提高網(wǎng)頁的可維護(hù)性和可讀性,同時也能夠增強(qiáng)網(wǎng)頁的可重用性,使得網(wǎng)站整體風(fēng)格更加協(xié)調(diào)一致。