在編寫靜態網頁時,調用CSS樣式可以讓整個網頁更加美觀和易于用戶理解。下面我們來介紹如何調用CSS樣式。
<!-- 在HTML文檔頭部使用<link>標簽引入CSS樣式表--> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
在上述代碼中,“href”屬性用于指定CSS樣式表的位置,“type”屬性指明文檔類型為CSS。CSS樣式通常保存在一個獨立的文件中,以便于在整個網站中共享。
接下來我們來看一個CSS樣式的例子:
body { background-color: #f2f2f2; font-family: Arial, sans-serif; font-size: 16px; } h1 { color: #333; font-size: 32px; text-align: center; } p { color: #666; line-height: 1.5; margin: 20px 0; }
在上述代碼中,“body”表示整個頁面的樣式,“h1”和“p”表示標題和段落的樣式。通過這些屬性的設置,我們可以調整整個頁面的背景顏色、字體樣式和大小、標題的對齊方式等。
在使用CSS樣式時,我們應該遵循一些規范和約定,以達到更好的可讀性和可維護性。例如,應該為每個選擇器使用單獨的行,每個屬性也應該單獨占一行,以便我們更容易地查看和修改代碼。
上一篇html 行代碼