網(wǎng)頁設(shè)計中,CSS樣式起到了很重要的作用,使得頁面更加美觀、清晰、易讀。那么,如何引入CSS樣式呢?以下是幾種方式。
1. 在HTML頁面頭部引入CSS樣式:在<head>標(biāo)簽中使用<link>標(biāo)簽,屬性包括rel、type、href,其中rel表示關(guān)系,type表示文檔類型,href表示樣式文件的地址。例如:
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
2. 在HTML頁面頭部使用<style>標(biāo)簽編寫CSS樣式:在<head>標(biāo)簽中使用<style>標(biāo)簽,編寫CSS樣式代碼即可。例如:
<head> <style> body { background-color: #FFFFFF; font-family: Arial, sans-serif; } </style> </head>
3. 將CSS代碼寫在HTML標(biāo)簽的style屬性中:在HTML標(biāo)簽中使用style屬性,編寫CSS樣式即可。例如:
<div style="background-color: #FFFFFF; font-family: Arial, sans-serif;"> This is a div with inline CSS. </div>
總的來說,第一種方式最為常用,能夠使得代碼更加清晰簡潔,適用于批量長期使用的樣式。而后兩種方式則適用于個別標(biāo)簽使用的樣式,可單獨設(shè)置。