|
網站建設是指使用標識語言（markup language)，通過一系列設計、建模、和執行的過程將電子格式的信息通過互聯網傳輸，最終以圖形用戶界面（GUI）的形式被用戶所瀏覽。簡單來說，網頁設計的目的就是產生網站。簡單的信息如文字，圖片（GIF，JPEG，PNG）和表格，都可以通過使超文件標示語言、可擴展超文本標記語言等標示語言放置到網站頁面上。
本章ＣＳＳ的主要作用
本章要介紹的是文字相關的ＣＳＳ指令。通 常一個網站的內容最多的就是文字了，透過這些文字相關的ＣＳＳ指令，您可以將您的 網頁內容排版得美美的。本章將分兩個部份為您介紹，第一部份是字型性質的ＣＳＳ指 令，用以控制文字字型的各種樣式；第二部份介紹的是文字性質的ＣＳＳ指令，用以控 制文字段落的外觀及擺設方式。字型性質的ＣＳＳ指令
font-family設定文字字型 支持：ＩＥ３、ＩＥ４
適用：所有元素
可能值： <family-name>字型名稱預設值：視瀏覽器而定
繼承性：有
一般范例：SPAN { family-name : "標楷體" }
同軸范例：<SPAN style="family-name:標楷體">
font-style設定字體樣式 支持：ＩＥ３、ＩＥ４、ＮＣ４
適用：所有元素
可能值： normal普通字italic斜體字oblique斜體字預設值：normal
繼承性：有
一般范例：SPAN { font-style : italic }
同軸范例：<SPAN style="font-style:italic">
font-weight設定字型份量 支持：ＩＥ３、ＩＥ４、ＮＣ４
適用：所有元素
可能值： normal普通字bold粗體字bolder相對于父元素稍粗lighter相對于父元素稍細100,200,300,
400,500,600,
700,800,900.數字由小到大代表筆畫由細到粗
normal=400bold=700預設值：normal
繼承性：有
一般范例：SPAN { font-weight : bolder }
同軸范例：<SPAN style="font-weight:bolder">
font-size設定文字大小 支持：ＩＥ３、ＩＥ４、ＮＣ４
適用：所有元素
可能值： <absolute-size>絕對大小，可用的參數由小到大分別有七項
xx-small, x-small, small, medium, large, x-large, xx-large<relative-size>相對大小，可用的參數為larger, smaller兩項
以父元素字型大小為基準<lenght>長度單位，請參考第一章基本單位的相關說明<percentage>百分比，以父元素字型大小為基準預設值：medium
繼承性：有
一般范例：SPAN { font-size : 12pt }
同軸范例：<SPAN style="font-size:12pt">
font-variant設定文字轉換 支持：ＩＥ３、ＩＥ４、ＮＣ４
適用：所有元素
可能值： normal普通字small-caps將小寫文字轉換為大寫預設值：normal
繼承性：有
一般范例：SPAN { font-variant : small-caps }
同軸范例：<SPAN style="font-variant:small-caps">
font綜合設定字型性質 支持：ＩＥ３、ＩＥ４、ＮＣ４
適用：所有元素
可能值： <font-style>設定字體樣式<font-variant>設定文字轉換<font-weight>設定字型份量<font-size/line-height>設定文字大小與列高（請參考設定文字列高部份）<font-family>設定文字字型預設值：無
繼承性：有
一般范例： SPAN { font : bolder small-caps 12pt/120% Arial }
同軸范例：< SPAN style="font : bolder small-caps 12pt/120% Arial">文字性質的ＣＳＳ指令
line-height設定列高 支持：ＩＥ３、ＩＥ４、ＮＣ４
適用：所有元素
可能值： normal普通列高，根據字體變化合理高度，視瀏覽器而定<number>以元素字型大小乘以該數即為列高<length>設定長度，請參考第一章基本單位的相關說明<percentage>百分比，相對于元素字型大小為比例預設值：normal
繼承性：有
一般范例：DIV { line-height : 120% }
同軸范例：<DIV style="line-height:120%">
text-align設定文字對 支持：ＩＥ３、ＩＥ４、ＮＣ４
適用：區塊元素
可能值： center對中央right對右邊left對左邊justify左右對預設值：視瀏覽器而定
繼承性：有
一般范例：DIV { text-align : center }
同軸范例：<DIV style="text-align:center">
vertical-align設定垂直對 支持：ＩＥ４
適用：同軸元素
可能值： top對同列最高元素頂端bottom對同列最低元素底端baseline對底線middle對中央sub將元素置于下標super將元素置于上標text-top對文字頂端text-bottom對文字底端<percentage>參照元素本身列高，以父元素底線為基準作位移預設值：baseline
繼承性：有
一般范例：SPAN { vertical-align : sub }
同軸范例：<SPAN style="vertical-align:sub">
text-decoration設定文字裝飾 支持：ＩＥ３、ＩＥ４、ＮＣ４
適用：所有元素
可能值： none普通字underline文字加底線overline文字加頂線line-through文字加刪除線blink設定文字閃爍預設值：none
繼承性：有
一般范例：SPAN { text-decoration : blink }
同軸范例：<SPAN style="text-decoration:blink">
text-transform設定文字轉換 支持：ＩＥ３、ＩＥ４、ＮＣ４
適用：所有元素
可能值： none普通字capitalize將英文單字地一個字母轉換為大寫uppercase將所有文字轉換為大寫lowercase將所有文字轉換為小寫預設值：none
繼承性：有
一般范例：SPAN { text-transform : uppercase }
同軸范例：<SPAN style="text-transform:uppercase">
letter-spacing設定字母間隔 支持：ＩＥ４
適用：所有元素
可能值： normal不改變字母間隔，使用瀏覽器預設值<length>要額外增加的間隔長度，可為負值預設值：normal
繼承性：有
一般范例：SPAN { letter-spacing : 0.5pt }
同軸范例：<SPAN style="letter-spacing : 0.5pt">
text-indent設定文字縮排 支持：ＩＥ３、ＩＥ４、ＮＣ４
適用：區塊元素
可能值： <length>長度單位，請參考第一章基本單位的相關說明<percentage>以父元素寬度為基準的百分比值預設值：0
繼承性：有
一般范例：DIV { text-indent : 3pt }
同軸范例：<DIV style="text-indent:3pt">大多數人在上網的時候，都會瀏覽網頁提供給我們的信息。
|
