網站制作中CSS字體處理原則
2010/10/25 14:10:24
網站制作字體的選用要考慮該文字的用途,是做標題呢,還是段落文字?
通常來說 san serif 字體適合作為標題使用,例如 Arial;serif 字體適合作為段落文字使用,例如Time New Roman。對于網頁設計來說,有幾個字體是我強烈推薦的,verdana, tahoma, georgia。事實上,像 Verdana 這個字體是由世界上頂級的字體設計師花了差不多兩年時間設計出來的,Microsoft負責買單, 然后免費提供給用戶,這個字體是IE安裝的一部分,如果你安裝了IE 4以上的版本,你的電腦里就一定有這個字體,所以你不必擔心用戶是否有這個字體。它的設計考慮了字體在屏幕上顯示的可能面對的問題,而且提供了近乎完美的答案。唯一的麻煩是它的近乎完美造成了我們使用的時候沒有了個性,因為每個人都使用它。
字間距和字符間距
很特殊的用途,對中文來說這兩者應該是相同的。這個設定的本身就是為了解決某些字體設計上缺陷,來增加文字的可讀性。
字號的大小
論壇里很多討論,關于pixle 好還是point好? 我就不重復了,在這里我想提出的是字號的大小在CSS里,有很多不同的單位,大致上有三類,
絕對大?。簃m, cm, in, pt, pc
相對大?。篹m, ex
相對于設備:px
也許你會說我可以用text-indent: 10pt來實現同樣的效果啊,但那只是在理想的情形下,如果用戶覺得他的瀏覽器設置字體大小為14pt更好的時候,你所設計的比例就失去了,所以相對尺寸對于網頁的可伸縮性設計是非常有利的。ex 和 em 類似,但不盡相同, 回到上面的圖示,x-height 對于每一種字體來說是不同的,ex 是根據字體的 x-height 來定義字體的大小。
行間距
行間距取決于字體的大小,一般來說,小的字號需要大一點的行間距來便于閱讀,中文字體在網頁上如果沒有行間距的設定,對于閱讀大段文字來說是讀者的災難,所以適當設定line-height是非常必要的。一般地, line-height 在網頁設計中應該是字體大小的1.5倍到2倍。word 和其它的文本編輯軟件里, 一般設定字體的120%作為缺省的行間距。css里的 line- height 設定,是均分后加在每一行的上下,也就是說,如果 line-height 設定為 20px 的話,那么每一行文字的上下各有10px的間距。
對齊方式
網站制作最好使用左對齊,尤其要避免使用左右對齊,除非你有一個特殊的設計目的,左對齊時右側的不對齊正是為了閱讀的方便,右側的變化對你的視力是一個幫助,它借助變化告訴你的眼睛可以換行了。
返回列表
返回首頁
主站蜘蛛池模板:
成人精品一区二区户外勾搭野战|
热99re久久国超精品首页|
国产激情久久久久影院|
99re热这里有精品首页视频|
怡红院AV一区二区三区|
久久久国产99久久国产久|
桃花视频性视频|
亚洲毛片免费视频|
玩弄放荡人妻少妇系列视频|
和朋友共享娇妻高hh|
青青网在线视频|
国产日韩精品一区二区在线观看播放|
91精品国产免费久久久久久青草|
女人与禽牲交少妇|
三年在线观看免费观看完整版中文|
日本妇乱子伦视频|
九一制片厂免费传媒果冻|
欧美怡红院免费全部视频|
亚洲精品乱码久久久久久蜜桃
|
粗喘撞吟np文古代|
国产SUV精品一区二区883|
香蕉视频亚洲一级|
国产日韩精品一区二区在线观看
|
国产极品视觉盛宴|
18videosex性加拿大|
国内精品久久久久久久久|
jlzzjlzz亚洲乱熟在线播放|
影音先锋男人站|
中文在线天堂网www|
无码日韩人妻精品久久|
久久久精品人妻一区二区三区
|
中日韩国语视频在线观看|
日本爽爽爽爽爽爽在线观看免|
亚洲AV综合色区无码一区|
欧美亚洲一区二区三区|
亚洲国产精品综合久久网各|
1000部拍拍拍18勿入免费视频软件|
女人毛片a级大学毛片免费|
两个人看的日本高清电影|
无码人妻丰满熟妇区五十路百度|
亚洲日本一区二区三区在线|