CSS(層疊樣式表)是一種用于描述網頁外觀的語言。CSS有四種方式可以應用于HTML文檔中,分別為:內聯樣式、嵌入式樣式、鏈接樣式和導入式樣式。下面將詳細介紹這四種方式。
<head> <style type="text/css"> p { color: red; } </style> </head>
1.內聯樣式
內聯樣式是指在HTML標簽中使用style屬性。例如:
<p style="color: red;">這是一段紅色的文字</p>
注意:內聯樣式只適用于特定標簽,且不利于維護。
2.嵌入式樣式
嵌入式樣式是指在HTML文檔中使用<style>標簽定義樣式。例如:
<head> <style type="text/css"> p { color: red; } </style> </head>
嵌入式樣式可以在一個HTML文檔內定義多個樣式,但仍然不夠靈活。
3.鏈接樣式
鏈接樣式是指在HTML文檔中使用<link>標簽,將樣式表文件鏈接到HTML文檔中。例如:
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
通過鏈接樣式可以將樣式表與HTML文檔分開,便于維護和修改。
4.導入式樣式
導入式樣式是指在樣式表文件中使用@import規則將其他樣式表文件導入到當前文件中。例如:
@import url("style.css");
導入式樣式與鏈接樣式類似,但效率較低。
總結
四種方式的應用根據具體情況而異。對于簡單的樣式,內聯樣式可以直接使用;對于一般的樣式,嵌入式樣式比較合適;對于復雜的樣式,鏈接樣式和導入式樣式是首選。
上一篇css的基本語法與規范
下一篇css的定位和動畫