CSS速成教程 CSS樣式文字 4

2022-09-01 13:03:13 字數 985 閱讀 1984

css 文字屬性可定義文字的外觀。 通過文字屬性,您可以改變文字的顏色、字元間距,對齊文字,裝飾文字,對文字進行縮排,等等。

屬性描述

color

文字顏色

direction

文字方向

line-height

行高letter-spacing

字元間距

text-align

對齊元素中的文字

text-decoration

向文字新增修飾

text-indent

縮排元素中文字的首行

text-transform

元素中的字母

unicode-bidi

設定文字方向

white-space

元素中空白的處理方式

word-spacing

字間距上面**中的屬性我們不會一一講述,只講述一些常用的屬性,主要是讓大家邊學邊練。其他內容大家可以自己測試,w3c 上面也可以檢視每個屬性的具體內容。

text-align

text-align是乙個基本的屬性,它會影響乙個元素中的文字行互相之間的對齊方式。它的前 3 個值相當直接,不過第 4 個和第 5 個則略有些複雜。

值 left、right 和 center 會導致元素中的文字分別左對齊、右對齊和居中。

西方語言都是從左向右讀,所有text-align的預設值是 left。文字在左邊界對齊,右邊界呈鋸齒狀(稱為「從左到右」文字)。

text-indent

縮排文字 把 web 頁面上的段落的第一行縮排,這是一種最常用的文字格式化效果。 css 提供了text-indent屬性,該屬性可以方便地實現文字縮排。 通過使用text-indent屬性,所有元素的第一行都可以縮排乙個給定的長度,甚至該長度可以是負值。 這個屬性最常見的用途是將段落的首行縮排,下面的規則會使所有段落的首行縮排 5 em。

CSS速成教程 樣式2 5

在 css 的鏈結屬性設定中,我們能設定 color,font family,background 等等,不同的狀態我們可以設定對應的樣式。下面我們就來看看對應樣式的屬性設定。a link 普通的 未被訪問的鏈結 a visited 使用者已訪問的鏈結 a hover 滑鼠指標位於鏈結的上方 a a...

CSS速成教程 2

派生選擇器 通過依據元素在其位置的上下文關係來定義樣式,可以使標記更加簡潔。派生選擇器允許你根據文件的上下文關係來確定某個標籤的樣式。通過合理地使用派生選擇器,我們可以使 html 變得更加整潔。比方說,你希望列表中的 strong 元素變為紅色,而不是通常的黑色,可以這樣定義乙個派生選擇器 li ...

CSS速成教程 1

css 指的是層疊樣式表 cascading stylesheet 在網頁製作時採用層疊樣式表技術,可以有效地對頁面的布局 字型 顏色 背景和其它效果實現更加精確的控制。學習路徑 css 規則由兩個主要的部分構成 選擇器,以及一條或多條宣告。1 selector 選擇器通常是您需要改變樣式的 htm...