有一系列屬性可以改變網頁文字的大小和形狀,概要如下:
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元素的特點是 和其他元素都在一行上 高,行高及頂和底邊距不可改變 寬度就是它的文字或的寬度,不可改變...