好湿?好紧?好多水好爽自慰,久久久噜久噜久久综合,成人做爰A片免费看黄冈,机机对机机30分钟无遮挡

主頁 > 知識庫 > 深入探討CSS中字體元素

深入探討CSS中字體元素

熱門標簽:電銷機器人的宣傳語 南寧外呼電銷系統招商 北京銷售外呼系統線路 石家莊電話機器人電話 沸思外呼線路 江西防封卡外呼系統怎么安裝 南通電話外呼系統開發 400電話辦理安徽 電銷智能機器人靠譜么
字體的處理在網頁設計中無論怎么強調也不為過,畢竟網頁使用來傳遞信息的,而最經典最直接的信息傳遞方式就是文字,所以,了解一點字體的基本知識對于設計來說還是非常重要的。


   中文和英文的最大區別就是中文是方塊字,英文是拼音文字,這對字體的處理的影響是巨大的。看看下面的圖示就會發現,英文字體里的那些變化在中文字體里都弱化了。





   作為中文的讀者,習慣性的接受方塊形狀做為閱讀的單元,其實對于眼睛來說,這是一種容易疲勞的方式,閱讀的時候你的視線實際上是跟隨整行文字的外形。看看這個例子。
   NOW I''VE TRIED TO TALK TO YOU AND MAKE YOU UNDERSTAND
   Now I''ve tried to talk to you and make you understand
   哪一行更容易讀呢?
   第一行和中文的情形有些類似,不同的是,每個中文單字就好比一幅畫,其變化要比26個英文字母豐富的多,對于我們來說,我們接受了這個特點,但是設計時 還是有一些問題需要考慮,我不是設計師,如果說的不對,請在下面留言討論。這些內容在我教授Typography的時候是作為一般原則來提出的。我也告訴 學生一句話:“The purpose of rule is to break the rule.” 設計原則本身就是為了打破原則,這也是所謂的creativity的表現。問題是你需要先知道原則,并且順從原則進行練習,只有在你熟悉原則之后才有可能 打破原則顯現你的創造性,打破原則不意味著原則的缺陷和錯誤,只是你對這些原則的別出心裁的使用,你打破了一些,同時也對你所破壞的部分做一定的補償,似 乎很有點哲學的味道。

   我個人以為比較重要的幾個原則是(適用于英文的情形):

   字體的選用要考慮該文字的用途,是做標題呢,還是段落文字?
通 常來說 san serif 字體適合作為標題使用,例如 Arial;serif 字體適合作為段落文字使用,例如Time New Roman。對于網頁設計來說,有幾個字體是我強烈推薦的,verdana, tahoma, georgia。事實上,像 Verdana 這個字體是由世界上頂級的字體設計師花了差不多兩年時間設計出來的,Microsoft負責買單, 然后免費提供給用戶,這個字體是IE安裝的一部分,如果你安裝了IE 4以上的版本,你的電腦里就一定有這個字體,所以你不必擔心用戶是否有這個字體。它的設計考慮了字體在屏幕上顯示的可能面對的問題,而且提供了近乎完美的 答案。唯一的麻煩是它的近乎完美造成了我們使用的時候沒有了個性,因為每個人都使用它。

   字號的大小?
   論壇里很多討論,關于pixle 好還是point好? 我就不重復了,在這里我想提出的是字號的大小在CSS里,有很多不同的單位,大致上有三類:
   絕對大小:mm, cm, in, pt, pc
   相對大小:em, ex
   相對于設備:px
   可能要多說幾句的是 em 和 ex,em 在 css 里代表就是字體字號的大小,例如對于12 pt的字體來說, 1 em 就等于12 pt 范例:
p {
font-size: 10pt;
text-indent: 1em
}
   也許你會說我可以用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的間距。

   字間距和字符間距?
   很特殊的用途,對中文來說這兩者應該是相同的。這個設定的本身就是為了解決某些字體設計上缺陷,來增加文字的可讀性。

   每次寫專欄的文章都有這種感覺,越寫越不知道怎么結尾, 這可能就是隨筆方式的弊病吧。請留言討論,我這個就算是拋磚了。

標簽:來賓 云南 衢州 寧夏 陽泉 晉中 北海 鹽城

巨人網絡通訊聲明:本文標題《深入探討CSS中字體元素》,本文關鍵詞  深入,探討,CSS,中,字體,元素,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《深入探討CSS中字體元素》相關的同類信息!
  • 本頁收集關于深入探討CSS中字體元素的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 狠狠噜天天噜日日噜视频麻豆| 中文字幕无码人妻少妇免费视频| 国产真实夫妇视频| 日韩色区| Free性XXXXⅩo| 欧美人獸交XXOO| 日本校园春色| 肉文网站| 欧美日韩亚洲天堂| 国产精品久久久久久AV公交车| 精品APP污导航| 插到花心了| 免费一级毛片不卡不收费| 九九九热在线精品免费全部| 精品人妻一区二区三区浪人在线| 理伦片理伦影院| 明星系列肉辣文| 91黄视频| 学长错一题往里插一支笔作文视频| 被两个老头又曰又添| 国产精品123区| 欧美综合图区亚洲综合图区69| 天天摸一摸视频寡妇| y31成色好的s31正品| .人人狠狠综合久久88成人| 男男gay囗交并舌吻| 日韩福利影视| 偷窥自拍亚洲色图| 一级色视频| 男女无遮挡XXOO动态120| 亚洲色拍偷拍精二区三区在线| 国产高清自拍一区| 南京巨根无套操到你窒息| jizz成熟丰满中文字幕| 91国精品产品?区二区三区闺蜜| 欧亚久久Av精品一二三区| 在线影院精品私人| 精品欧美高清不卡在线| freehd18在线欧美| 宝宝又长又粗又大又硬起来了| 《情欲办公室》未删减版在线观看|