html中文本控制相關知識總結

如題。

html的組成部分不就是圖片,視頻,音樂,還有佔大頭的文字嗎?在實現了內容的完整表達之後,我們追求讓頁面佈局顯得更加合理,更加美觀。這設計到對這些元素的css樣式的各種操作。首先,先研究一下文字吧。

這是w3cschool中控制文字樣式的一篇總結的文章。

http://www.w3school.com.cn/css/css_text.asp

這是css對文本操作主要的樣式

字體樣式的介紹:http://www.w3school.com.cn/css/css_font-family.asp

除了各種特定字體系列外(如 Times、Verdana、Helvetica 或 Arial),CSS 還定義了 5 種通用字體系列:
Serif 字體
這些字體成比例,而且有上下短線。如果字體中的所有字符根據其不同大小有不同的寬度,則成該字符是成比例的。例如,小寫 i 和小寫 m 的寬度就不同。上下短線是每個字符筆劃末端的裝飾,比如小寫 l 頂部和底部的短線,或大寫 A 兩條腿底部的短線。Serif 字體的例子包括 Times、Georgia 和 New Century Schoolbook。
Sans-serif 字體
這些字體是成比例的,而且沒有上下短線。Sans-serif 字體的例子包括 Helvetica、Geneva、Verdana、Arial 或 Univers。
Monospace 字體
Monospace 字體並不是成比例的。它們通常用於模擬打字機打出的文本、老式點陣打印機的輸出,甚至更老式的視頻顯示終端。採用這些字體,每個字符的寬度都必須完全相同,所以小寫的 i 和小寫的 m 有相同的寬度。這些字體可能有上下短線,也可能沒有。如果一個字體的字符寬度完全相同,則歸類爲 Monospace 字體,而不論是否有上下短線。Monospace 字體的例子包括 Courier、Courier New 和 Andale Mono。
Cursive 字體
這些字體試圖模仿人的手寫體。通常,它們主要由曲線和 Serif 字體中沒有的筆劃裝飾組成。例如,大寫 A 再其左腿底部可能有一個小彎,或者完全由花體部分和小的彎曲部分組成。Cursive 字體的例子包括 Zapf Chancery、Author 和 Comic Sans。
Fantasy 字體
這些字體無法用任何特徵來定義,只有一點是確定的,那就是我們無法很容易地將其規劃到任何一種其他的字體系列當中。這樣的字體包括 Western、Woodblock 和 Klingon。
理論上講,用戶安裝的任何字體系列都會落入到上述某種通用系列中,但實際上可能並非如此,不過例外情況(如果有的話)往往很少。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章