在網頁制作中,鮮艷的顏色和炫酷的效果是我們向往的,而這些都需要引入 CSS 樣式文件。下面我們來介紹四種引入 CSS 樣式文件的方法。
第一種方法是使用標簽內樣式,即在 HTML 標簽中直接使用樣式。代碼如下:
<p style="color:red">這是一段紅色的文字</p>
第二種方法是使用內部樣式表,即在<head></head>中使用<style></style>標簽書寫樣式。代碼如下:
<head> <style> p {color: red;} </style> </head>
第三種方法是外部樣式表,即將樣式寫在一個 .css 文件中,再在 HTML 中引入。代碼如下:
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
最后一種方法是使用 @import。代碼如下:
<head> <style> @import url("style.css"); </style> </head>
這四種引入 CSS 樣式文件的方法各有優缺點,需要根據實際項目進行選擇。如果只是一些簡單的樣式,標簽內樣式和內部樣式表是不錯的選擇;如果有很多樣式,推薦使用外部樣式表;而 @import 則逐漸被棄用,不建議使用。