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...