CSS的寫法可以用以下的幾種方法實現：
（1）使用Embed（嵌入樣式單）排版樣式：
即將CSS代碼直接插入每個頁面的Html的<head>區，就象上一節看到的。使用<style>...</style>標簽。例如：
<style type="text/CSS">
<!--
h2 { font-family: "宋體"; font-size: 12pt; font-style: italic; color: #FF0033; background-color: #FFCCCC}
h1 { font-family: "Arial"; font-size: 12pt; color: #66FF66}
-->
</style>
（2）使用“link（外部樣式單）排版樣式”：
即你可以將多個頁面的排版風格都用一個樣式單文件控制。這個外部的樣式單文件（一個擴展名是css的文本文件）將設定你所有網頁的規則。如果你改變樣式單文件中的某行，所有頁面風格用這個CSS文件定義的頁面都會隨之改變。如果你的站點文件非常多，則這項功能就非常方便了。
在<HEAD>區內使用<LINK>標簽（注意：不再是<style>標簽了）：
<Html>
<HEAD>
<LINK REL=stylesheet HREF="http：//yoursute.com/my.css"; TYPE="text/CSS">
</HEAD>
<body>
<h2>你好！朋友，歡迎光臨Java2000的教學區。</h2>
<h1>Hello，everybody，welcome in Java2000 !</h1>
</body>
</Html>
★☆★說明：css文件的路徑用絕對路徑http：//...)表示或者用相對路徑(例如：../csscode/my.CSS)表示都可以。
然後再單獨生成一個css文件，叫做my.CSS (隨便起名)。文件內容如下：
h2 { font-family: "宋體"; font-size: 12pt; font-style: italic; color: #FF0033; background-color: #FFCCCC}
h1 { font-family: "Arial"; font-size: 12pt; color: #66FF66}
只要將這個CSS文件上傳到服務器指定的目錄即可。
（3）使用"inline（行內樣式單）排版樣式"：
inline樣式單采用Html標簽的“style”屬性，它的特點是“定義某一個標簽的式樣單風格”，只對所定義的標簽起作用，並非對整個頁面起作用。例如：
<p style="font-size: 14pt ; color: #99ff99 ; font-family: 宋體">層疊式樣單</p>
看到的效果：
層疊式樣單
使用行內樣式單，你必須為每行指定樣式規則，否則下一行時浏覽器將使用頁面的缺省設置。 但是：有時候這種方式卻非常有效。
（4）使用“import(輸入的外部式樣單)”--適用於IE浏覽器。
<Html>
<head>
<style type="text/CSS">
<!--
@import url(my.CSS);
-->
</style>
</head>
<body>
<h3>輸入的外部式樣單</h3>
</body>
</Html>
其中my.CSS樣式單文件的內容如下：
h3 { font-family: "宋體"; font-size: 12pt color: green }