文字性質的CSS

2021-03-31 08:56:57 字數 3776 閱讀 9903

本 章 c s s 的 主 要 作 用

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

字 型 性 質 的 c s s 指 令

font-family 設定文字字型

支 持:

ie3、ie4

適 用:

所有元素

可能值:

字型名稱

預設值:

視瀏覽器而定

繼承性:

有一般範例:span

同軸範例:

font-style 設定字型樣式

支 持:

ie3、ie4、nc4

適 用:

所有元素

可能值:

normal

普通字italic

斜體字oblique

斜體字 預設值:

normal

繼承性:

有一般範例:span

同軸範例:

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-size 設定文字大小

支 持:

ie3、ie4、nc4

適 用:

所有元素

可能值:

絕對大小,可用的引數由小到大分別有七項

xx-**all, x-**all, **all, medium, large, x-large, xx-large

相對大小,可用的引數為larger, **aller兩項

以父元素字型大小為基準

百分比,以父元素字型大小為基準

預設值:

medium

繼承性:

有一般範例:span

同軸範例:

font-variant 設定文字轉換

支 持:

ie3、ie4、nc4

適 用:

所有元素

可能值:

normal

普通字**all-caps

將小寫文字轉換為大寫

預設值:

normal

繼承性:

有一般範例:span

同軸範例:

font 綜合設定字型性質

支 持:

ie3、ie4、nc4

適 用:

所有元素

可能值:

設定字型樣式

設定文字轉換

設定字型份量

設定文字大小與列高(請參考設定文字列高部份)

設定文字字型

預設值:

無繼承性:

有一般範例: span

同軸範例:

< span style="font : bolder **all-caps 12pt/120% arial">

文 字 性 質 的 c s s 指 令

line-height 設定列高

支 持:

ie3、ie4、nc4

適 用:

所有元素

可能值:

normal

普通列高,根據字型變化合理高度,視瀏覽器而定

以元素字型大小乘以該數即為列高

百分比,相對於元素字型大小為比例

預設值:

normal

繼承性:

有一般範例:div

同軸範例:

text-align 設定文字對 

支 持:

ie3、ie4、nc4

適 用:

區塊元素

可能值:

center

對 **

right

對 右邊

left

對 左邊

justify

左右對 

預設值:

視瀏覽器而定

繼承性:

有一般範例:div

同軸範例:

vertical-align 設定垂直對 

支 持:

ie4適 用:

同軸元素

可能值:

top對 同列最高元素頂端

bottom

對 同列最低元素底端

baseline

對 底線

middle

對 **

sub將元素置於下標

super

將元素置於上標

text-top

對 文字頂端

text-bottom

對 文字底端

參照元素本身列高,以父元素底線為基準作位移

預設值:

baseline

繼承性:

有一般範例:span

同軸範例:

text-decoration 設定文字裝飾

支 持:

ie3、ie4、nc4

適 用:

所有元素

可能值:

none

普通字underline

文字加底線

overline

文字加頂線

line-through

文字加刪除線

blink

設定文字閃爍

預設值:

none

繼承性:

有一般範例:span

同軸範例:

text-transform 設定文字轉換

支 持:

ie3、ie4、nc4

適 用:

所有元素

可能值:

none

普通字capitalize

將英文單字地乙個字母轉換為大寫

uppercase

將所有文字轉換為大寫

lowercase

將所有文字轉換為小寫

預設值:

none

繼承性:

有一般範例:span

同軸範例:

letter-spacing 設定字母間隔

支 持:

ie4適 用:

所有元素

可能值:

normal

不改變字母間隔,使用瀏覽器預設值

要額外增加的間隔長度,可為負值

預設值:

normal

繼承性:

有一般範例:span

同軸範例:

text-indent 設定文字縮排

支 持:

ie3、ie4、nc4

適 用:

區塊元素

可能值:

以父元素寬度為基準的百分比值

預設值:

0繼承性:

有一般範例:div

同軸範例:

**:動態網製作指南 .knowsky.***

第五章 文字性質的

第五章 文字性質的 動態網製作指南 knowsky.本 章 的 主 要 作 用 本章要介紹的是文字相關的 指令。通 常乙個 的內容最多的就是文字了,透過這些文字相關的 指令,您可以將您的 網頁內容排版得美美的。本章將分兩個部份為您介紹,第一部份是字型性質的 指 令,用以控制文字字型的各種樣式 第二部...

模運算的基本性質

給定乙個正整數p,任意乙個整數n,一定存在等式 n kp r 其中k r是整數,且 0 r p,稱呼k為n除以p的商,r為n除以p的餘數。對於正整數p和整數a,b,定義如下運算 取模運算 a p 或a mod p 表示a除以p的餘數。模p加法 a b p 其結果是a b算術和除以p的餘數,也就是說,...

棧和佇列的基本性質

棧是一種特殊型別的線性表,訪問 插入 刪除只能發生在棧頂。vector繼承自list類,所以裡面有實現相關的介面,stack類是其中的乙個實現類。peek 返回棧頂元素,push 壓入棧,pop 刪除棧頂元素並且返回。佇列是一種 fifo先進先出的資料結構。元素被追加到佇列的末尾,從頭部進行刪除。p...