首頁 > web前端 > css教學 > 主體

第五章 文字性質的CSS

黄舟
發布: 2016-12-19 16:08:22
原創
1260 人瀏覽過

本 章 C S S 的 主 要 作 用

   

.通 常一個網站的內容最多的就是文字了,透過這些文字相關的CSS指令,您可以將您的 網頁內容排版得美美的。本章將分兩部分為您介紹,第一部份是字體性質的CSS指令,用以控製文字字體的各種樣式;第二部分介紹的是文字性質的CSS指令,用以控制文字段落的外觀及擺設方式。

字型性質的C S S 指令

   

font-family 設定文字字型支持:IE3、IE4適用:所有元素可能值:字型名稱預設值:視瀏覽器而定繼承:有一般範例:SPAN { family-name : "標楷體" }同軸範例:font-style 設定字體樣式支援:IE3 、IE4、NC4適用:所有元素可能值:normal普通字italic斜體字oblique斜體字預設值:normal繼承性:有一般範例:SPAN { font-style : italic }同軸範例:font-weight 設定字型份量支持:IE3、IE4、NC4適用:所有元素可能值:normal普通字bold粗體字bolder相對於父元素稍粗lighter相對於父元素稍細100,200,300,400,500,600,700,800,900 .數字由小到大代表筆畫由細到粗normal=400 bold=700預設值:normal繼承性:有一般範例:SPAN { font-weight : bolder }同軸範例:font-size 設定文字大小支援:IE3、IE4、NC4適用:所有元素可能值:絕對大小,可用的參數由小到大分別有七項xx-small, x- small, small, medium, large, x-large, xx-large相對大小,可用的參數為larger, smaller兩項以父元素字體大小為基準長度單位,請參考第一章基本單位的相關說明百分比,以父元素字體大小為基準預設值:medium繼承性:有一般範例:SPAN { font-size : 12pt }同軸範例:font-variant 設定文字轉換支援:IE3、IE4、NC4適用:所有元素可能值:normal普通字small-caps將小寫文字轉換為大寫預設值:normal繼承性:有一般範例:有一般範例SPAN { font-variant : small-caps }同軸範例:font 綜合設定字型性質支援:IE3、IE4、NC4適用:所有元素可能值:設定字體樣式設定文字轉換設定字體份量設定文字大小與列高(請參考設定文字列高部份)設定文字字體預設值:無繼承性:有一般範例: SPAN { font : bolder small-caps 12pt/120% Arial }同軸範例:    

文字性質的C S S 指令

 

line-height 設定列高支援:IE3、IE4、NC4適用:所有元素可能值:normal普通列高,根據字體變化合理高度,視瀏覽器而定以元素字體大小乘以該數普通列高,根據字體變化合理高度,視瀏覽器而定即為列高設定長度,請參考第一章基本單位的相關說明百分比,相對於元素字體大小為比例預設值:normal繼承性:有一般範例:DIV { line- height : 120% }同軸範例:

text-align 設定文字對支援:IE3、IE4、NC4適用:區塊元素可能值:center對中央right對右邊left對左邊justify左右對預設值:視瀏覽器而定繼承性:有一般範例:DIV { text-align : center }同軸範例:
vertical-align 設定垂直對支援:IE4適用:同軸元素可能值:top對同列最高元素頂端bottom對同列最低元素底端baseline對底線middle對中央sub將元素置於下標super將元素置於上標text-top對文字頂端text-bottom對文字底端參考元素本身列高,以父元素底線為基準作位移預設值:baseline繼承性:有一般範例:SPAN { vertical-align : sub }同軸範例:text-decoration 設定文字裝飾支援:IE3、IE4、NC4適用:所有元素可能值:none普通字underline文字加底線overline-throughline-through.加刪除線blink設定文字閃爍預設值:none繼承性:有一般範例:SPAN { text-decoration : blink }同軸範例:text-transform 設定文字轉換支援:IE3、IE4、NC4適用:所有元素可能值:none普通字capitalize將英文單字地一個字母轉換為大寫uppercase將所有文字轉換為大寫lowercase將所有文字轉換為小寫預設值:none繼承預設值:有一般範例:SPAN { text-transform : uppercase }同軸範例:letter-spacing 設定字母間隔支援:IE4適用:所有元素可能值:normal不改變字母間隔,使用瀏覽器預設值要額外增加的間隔長度,可為負值預設值:normal繼承性:有一般範例:SPAN { letter-spacing : 0.5pt }同軸範例:text-indent 設定文字縮排支援:IE3、IE4、NC4適用:區塊元素可能值:長度單位,請參考第一章基本單位的相關說明以父元素寬度為基準的百分比值預設值:0繼承性:有一般範例:DIV { text-indent : 3pt }同軸範例:
   

 以上就是第五章文字性質的CSS的內容,更多相關內容請關注PHP中文網(www.php.cn)! 


相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板