您可以利用下列 3 種方式，將 CSS 指定的格調加諸於網頁上：
1. 在 HTML 檔案裡加一個超連結，連到外在的 CSS 檔
這個方法最方便管理整個網站的網頁風貌。它讓網頁的文字內容與版面設計分開。您只要在一個 CSS 檔內（副檔名為 .CSS）定義好網頁的外觀風格，所有參考連結到此 CSS 檔的網頁，便會依照指示，反應出定義好的風格。
它的寫法是：
<HTML>
<HEAD>
<TITLE>
本網頁標題
</TITLE>
<LINK REL="stylesheet"
HREF="http：//www.xyz.com/xyz.css";
TYPE="text/css">
</HEAD>
此種方法 Navigator4 支援得仍十分 Buggy，請小心使用。
2. 在 HTML 檔案的 ....... 標籤間，加一段 CSS 的敘述文
這個方法適用於指定某個網頁，除了展現外在的 CSS 檔定義好的網頁風格外，同時還要展現本身 HTML 檔內加註的 CSS 。
如果內在加註的 CSS 敘述與外在連結的 CSS 敘述相衝突的話，網頁的展現將以內在加註的 CSS 敘述為主。
它的寫法是：
<HTML>
<HEAD>
<TITLE>
本網頁標題
</TITLE>
<STYLE TYPE="text/css">
<!--
BODY {font: 12pt}
H1 {font: 16pt}
P {font-weight: bold;
color: green}
-->
</STYLE>
</HEAD>
<BODY>
開始本頁內容…
</BODY>
</HTML>
特別值得注意的是，為了防止不支援 CSS 的瀏覽器誤將 標籤間的 CSS 風格敘述當成普通字串，而展現於網頁上，您最好將 CSS 的敘述文字插入 標籤之間。
3. 在 HTML 檔的字裡行間中，隨時有需要，隨時加一小段 CSS 的敘述指定
這個方法適用於指定網頁內的某一小段文字的呈現風格。
導覽器除了會展現出外在的 CSS 檔與此 HTML 檔 內定義的 CSS 風格（如果有的話），同時還會展現字裡行間的 CSS 風格。
如果字裡行間的 CSS 敘述與 內在定義的 CSS 或外在連結的 CSS 敘述相衝突的話，導覽器的展現將以字裡行間的 CSS 敘述為主。
它的寫法是：
它的寫法是： <HTML>
<HEAD>
<TITLE>
本網頁標題
</TITLE>
</HEAD>
<BODY>
<P STYLE="color: red">
開始本頁內容…
</P>
</BODY>
</HTML>
上述的 3 種 CSS，可以同時並用，也可以擇您所好，單一或成雙地使用。如果各 CSS 間的敘述相衝突，則內在定義的 CSS 會蓋過外在連結的 CSS ，字裡行間的 CSS 會蓋過 內在定義的 CSS 。
這樣一層一層地推展、補充下來，使得「階層性格調控制」清楚又有效率地協助網頁設計者，一方面中央統籌整個網站的網頁風貌，另一方面又可以隨著各個網頁、各個文欄位落的特別需要，而分別調配不同的格調。十分有條不紊，十分方便管理，所以稱之為「階層性」的格調控制。
CSS 語言的基本文法
CSS 的語言與網頁排版語言 HTML，在內容上有一點點類似重覆，但是文法卻大不相同。它的基本文法是： H1 {font-size: 16pt;
font-weight: bolder;
color: red}
上例中，H1表示您想要界定的標籤元件為 H1，font-size、font-weight、color 這些擴充屬性則表示您想指定 H1 應該長成什麼模樣。在上例中，我界定我的 H1 應該展現出字型大小 16 點，特粗黑體，紅色的模樣。
簡化之
因此，順著這個基本寫法，我們可以繼續定義的標籤元件： H1 {font-size: 16pt;
font-weight: bolder;
color: red}
H2 {font-size: 16pt;
font-weight: bolder;
color: red}
H3 {font-size: 16pt;
font-weight: bolder;
color: red}
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
