有一系列屬性可以改變網頁文字的大小和形狀,概要如下:
font-family
文字使用的字型,比如宋體,times new roman,arial等等
這個屬性必須詳細制定,不能使用偏僻的字型,要使用安全字型(比如arial,verdana和times new roman和宋體),可以同時指定許多字型,只要使用逗號分開即可。這樣的用意是,如果使用者電腦裡沒有第乙個字型瀏覽器可以使用後面指定的字型。這非常有用,因為不同的電腦擁有不同的字型。例子font-size: arial,helvetica,pc使用者可以使用arial而蘋果mac使用者可以使用helvetica。
注意:如果字型的名稱有許多單詞組成,使用雙引號組合,比如,font-family: "times new romes"。
font-size
字型的大小,要小心使用。比如標題不會和段落一樣,它要用大字型,你可以使用h1h2等等。
font-weight
這個屬性決定字型是否加粗。在實際運用中通常使用font-weight: bold或font-weight: normal。理論上還可以使用bolder,lighter,100,200, 300, 400, 500, 600, 700, 800 or 900,但有些瀏覽器不認,仍堅持bold和normal。
font-style
這個屬性決定字型是否是斜體,可能是font-style: italic或font-style: normal。
text-decoration
這個屬性決定是文字否需要下劃線。可以是:
程式**
text-decoration: overline,加上劃線
text-decoration: line-through,加通過文字的線條。
text-decoration:underline,這應該使用在鏈結上,因為使用者習慣認為它代表鏈結。
text-transform改變文字的情況。
程式**
text-transform: capitalize ,讓每個字的第乙個字母大寫。
text-transform: uppercase ,所有大寫。
text-transform: lowercase,所有小寫。
text-transform: none; ,這個屬性不起作用。
程式**
body
h1 h2
a strong
text spacing
letter-spacing和word-spacing屬性的意思是字母和文字之間的間隔。值可以是長度或normal。
line-height屬性設定元素的行高,比如乙個段落,沒有調準字型的大小。它可以是數字(字型大小的倍數),長度,百分比或normal。
text-align設定元素位置,left,right,center或justify。
text-indent屬性縮排段落的首行。這在列印時經常設定,但網頁裡通常用不上。
程式** p
CSS教程4 CSS的Text 文字
有一系列屬性可以改變網頁文字的大小和形狀,概要如下 font family 文字使用的字型,比如宋體,times new roman,arial等等 這個屬性必須詳細制定,不能使用偏僻的字型,要使用安全字型 比如arial,verdana和times new roman和宋體 可以同時指定許多字型,...
CSS基礎 4 CSS樣式的層疊與繼承
目錄 一 樣式衝突的解決之道 二 標籤樣式 直接修改預設樣式 三 類樣式定義 四 id樣式 五 行內樣式 網頁上乙個元素的樣式可能來自很多地方,有瀏覽器預設的樣式,也有使用者為這個標籤定義的樣式,還有標籤上應用的類樣式等。當有來自多個不同地方的樣式作用到同乙個元素上時,必須有一套機制來解決這種樣式上...
CSS速成教程 CSS樣式文字 4
css 文字屬性可定義文字的外觀。通過文字屬性,您可以改變文字的顏色 字元間距,對齊文字,裝飾文字,對文字進行縮排,等等。屬性描述 color 文字顏色 direction 文字方向 line height 行高letter spacing 字元間距 text align 對齊元素中的文字 text...