css樣式教程 4 CSS的Text 文字

2021-04-13 06:09:25 字數 1571 閱讀 5501

有一系列屬性可以改變網頁文字的大小和形狀,概要如下:

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