第五章 文字性質的

2021-04-01 09:40:26 字數 3794 閱讀 5951

第五章 文字性質的css

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

本 章 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

同軸範例:

第五章 文字

第五章 文字 用省略號 顯示溢位文字 text overflow 值 clip ellipsis clip 裁剪溢位內容 ellipsis 用省略號顯示溢位內容 說明 要實現ellipsis效果,還要宣告overflow為hidden,如果文字本來只有一行,想在一行內顯示,還需宣告white spa...

文字性質的CSS

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

python第五章 Python學習(第五章)

記錄所有的名片字典 card list defshow menu 顯示資訊 print 50 print 歡迎使用 名片管理系統 v1.0 print print 1.新增名片 print 2.顯示全部 print 3.搜尋名片 print print 0.退出系統 print 50 defnew ...