一,行內式樣式(Inline Style)
即使用style屬性,將CSS直接寫在HTML標簽中。
例如:<p style="color:red">這行段落將顯示為紅色。</p>
注意:style屬性可以用在<body>內的所有(X)HTML標簽上,但不能應用與<body>以外的標簽,如<title><head>等標簽。
二,嵌入式樣式表(Embedded Style Sheets)
嵌入式樣式表使用“<style></style>”標簽嵌入到(X)HTML文件的頭部中,代碼如下:
<head>
<style type="text/css">
<!--
.class{
color:red;
}
-->
</style>
</head>
注意:對於一些不能識別<style>標簽的浏覽器,使用(X)HTML的注釋標簽<!-- 注釋文字 -->把樣式包含進來。這樣,不支持<style>標簽的的浏覽器會忽略樣式內容,而支持<style>標簽的浏覽器會解讀樣式表。
三,外部樣式表(Link Style Sheets)
在<head>標簽內使用<link>標簽將樣式表文件連接到(X)HTML文件中。
代碼如下:
<head>
<link style="stylesheet" href="myclass.css" type="text/css" />
</head>