CSS 循序漸進二字的藝術

　　 說到CSS，筆者用的最多的還是它的排版和字型設計功能。因為網頁嘛，最終還是要做給人家看的，要傳遞資訊給對方的，所以不管怎麼說，這種傳遞形式非常重要，具體說來，也就是字的控制和版面的控制。另外一個很重要的原因就是中文相當難處理，Windows內建的中文字型檔很少，而中文的美術效果又很難做，遠不如英文那麼隨隨便便寫幾個字就很舒服。所以藉助CSS的協助就更顯得有必要。好，廢話也不多說了。大家還是跟我一起看一看CSS到底對字能起些什麼作用吧。
　　 首先，給朋友們說說樣式表關於字型的一些功能。總的說來，主要是字型(font)、大小(size)、字型粗細(Weight)、字型變形(Variant)、字型風格(Style)、修飾(Decoration)、Case(大小寫)等等。下面筆者向大家詳細介紹一下。請注意，本文所用的Style例子都是採用的調用外部檔案的形式，且只是外部檔案css1.css的內容，大家看的時候注意了。要是想使用它們，如上節所說的，在HTML檔案的檔案頭說明部分中加入< LINK REL=STYLESHEET HREF="CSS1.CSS">就可以了。
　　 好，下面先給大家看一個例子:

代碼如下	複製代碼
P { 　　 text-align: left; 　　 font-size: 25pt; 　　 font-family: "隸書", "宋體"; 　　 letter-spacing: 3px; 　　 color:navy; 　　 line-height:30pt; 　　 text-indent: .5in; 　　 border: solid 2pt; 　　 }

　　 　　 現在就對上面這段代碼進行詳解。首先，P就是表示是對檔案中的所有< p>< /p>容器中的內容進行的定義。大括弧內就是對各項屬性所規定的值。對於一個定義的格式往往是:
　　 屬性:值
　　 中間以分號隔開。
　　 Text-align:left表示段落是居靠左對齊，font-size:15pt，表示字型大小為15pt，font-family:隸書,宋體 表示所採用的字型。這裡要說明一下，這裡使用了幾種字型，並分別用逗號隔開，表示第一、第二、第三字型，也就是說如果客戶機的系統內有第一種字型的話就採用它，如果沒有再查看有沒有第二種，第三種，倘若都沒有則使用預設字型。letter-spacing:3px就說明字間寬為3px.color:navy，則表示顏色為天藍色，line-height:12pt表示行高為12pt(這裡的行高是連同字高一起計算的)。text-indent:.5in表示段落首行的縮排的多少，這裡是.5in.border:solid 1pt表示邊框是寬度為1pt的實心邊框。