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