CSS教程4 CSS的Text 文字

2021-08-30 18:39:37 字數 1610 閱讀 6050

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

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

這個屬性決定是文字否需要下劃線。可以是:

example source code [www.52css.com]

text-decoration: overline,加上劃線

text-decoration: line-through,加通過文字的線條。

text-decoration:underline,這應該使用在鏈結上,因為使用者習慣認為它代表鏈結。

text-transform改變文字的情況。

example source code [www.52css.com]

text-transform: capitalize ,讓每個字的第乙個字母大寫。

text-transform: uppercase ,所有大寫。

text-transform: lowercase,所有小寫。

text-transform: none; ,這個屬性不起作用。

example source code [www.52css.com]

body

h1 h2

a strong

text spacing

letter-spacing和word-spacing屬性的意思是字母和文字之間的間隔。值可以是長度或normal。

line-height屬性設定元素的行高,比如乙個段落,沒有調準字型的大小。它可以是數字(字型大小的倍數),長度,百分比或normal。

text-align設定元素位置,left,right,center或justify。

text-indent屬性縮排段落的首行。這在列印時經常設定,但網頁裡通常用不上。

example source code [www.52css.com]

p

css樣式教程 4 CSS的Text 文字

有一系列屬性可以改變網頁文字的大小和形狀,概要如下 font family 文字使用的字型,比如宋體,times new roman,arial等等 這個屬性必須詳細制定,不能使用偏僻的字型,要使用安全字型 比如arial,verdana和times new roman和宋體 可以同時指定許多字型,...

4 CSS的元素顯示模式

css的元素顯示模式 了解元素的顯示模式可以更好的讓我們布局頁面.什麼是元素的顯示模式 元素顯示模式的分類 元素顯示模式的轉換 作用 網頁的標籤非常多,在不同地方會用到不同型別的標籤,了解他們的特點可以更好的布局我們的網頁。元素顯示模式就是元素 標籤 以什麼方式進行顯示,比如自己佔一行,比如一行可以...

CSS基本知識4 CSS行模型

display inline block inline blockblock元素的特點是 總是在新行上開始 高度,行高以及頂和底邊距都可控制 寬度預設是它的容器的100 除非設定乙個寬度 inline元素的特點是 和其他元素都在一行上 高,行高及頂和底邊距不可改變 寬度就是它的文字或的寬度,不可改變...