99热热热_国产成人自拍一区_欧美一级网站_99热在线播放_国产精品乱码一区二区三区_久久精品国产一区二区三区

訂閱本欄目 RSS您所在的位置: 深山工作室 > DIV+CSS > 正文

關于字體在CSS中處理效果的思考

天極網 2007/12/23 19:34:42 深山行者 字體: 瀏覽 6918
字體的處理在網頁設計中無論怎么強調也不為過,畢竟網頁使用來傳遞信息的,而最經典最直接的信息傳遞方式就是文字,所以,了解一點字體的基本知識對于設計來說還是非常重要的。

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

字體

  作為中文的讀者,習慣性的接受方塊形狀做為閱讀的單元,其實對于眼睛來說,這是一種容易疲勞的方式,閱讀的時候你的視線實際上是跟隨整行文字的外形。看看這個例子。

  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個英文字母豐富的多,對于我們來說,我們接受了這個特點,但是設計時還是有一些問題需要考慮。設計原則本身就是為了打破原則,這也是所謂的creativity的表現。問題是你需要先知道原則,并且順從原則進行練習,只有在你熟悉原則之后才有可能打破原則顯現你的創造性,打破原則不意味著原則的缺陷和錯誤,只是你對這些原則的別出心裁的使用,你打破了一些,同時也對你所破壞的部分做一定的補償,似乎很有點哲學的味道。

  重要的幾個原則是(適用于英文的情形):

  字體的選用要考慮該文字的用途,是做標題呢,還是段落文字?

  通常來說 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

  可能要多說幾句的是 em 和 ex,em 在 css 里代表就是字體字號的大小,例如對于12 pt的字體來說, 1 em 就等于12 pt 范例:

以下是引用片段:
p {
font-size: 10pt;
text-indent: 1em
}

  ex 和 em 類似,但不盡相同, 回到上面的圖示,x-height 對于每一種字體來說是不同的,ex 是根據字體的 x-height 來定義字體的大小。

  對齊方式?

  最好使用左對齊,尤其要避免使用左右對齊,除非你有一個特殊的設計目的,左對齊時右側的不對齊正是為了閱讀的方便,右側的變化對你的視力是一個幫助,它借助變化告訴你的眼睛可以換行了。

  行間距?

  行間距取決于字體的大小,一般來說,小的字號需要大一點的行間距來便于閱讀,中文字體在網頁上如果沒有行間距的設定,對于閱讀大段文字來說是讀者的災難,所以適當設定line-height是非常必要的。一般地, line-height 在網頁設計中應該是字體大小的1.5倍到2倍。Word 和其它的文本編輯軟件里, 一般設定字體的120%作為缺省的行間距。css里的 line- height 設定,是均分后加在每一行的上下,也就是說,如果 line-height 設定為 20px 的話,那么每一行文字的上下各有10px的間距。

  字間距和字符間距?

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

相關閱讀
web2.0網頁--常用的XHTML標簽的使用技巧方法介紹
深山行者旅行社網站管理系統 v1.4
一個利用select下拉選擇框進行變色的網頁效果
網頁制作中關于瀏覽器寬度和高度的設定研究(轉載)
Python pandas刪除指定行/列數據的方法實例
旅行社管理系統商業版3.0發布
CSS或js實現行間交替背景色效果
uni-app 搜索、歷史記錄功能簡單實現
共有0條關于《關于字體在CSS中處理效果的思考》的評論
發表評論
正在加載評論......
返回頂部發表評論
呢 稱:
表 情:
內 容:
評論內容:不能超過 1000 字,需審核,請自覺遵守互聯網相關政策法規。
驗證碼: 驗證碼 
網友評論聲明,請自覺遵守互聯網相關政策法規。

您發布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權益;
二、不得發布國家法律、法規明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發布內容擁有處置權。

更多信息>>欄目類別選擇
百度小程序開發
微信小程序開發
微信公眾號開發
uni-app
asp函數庫
ASP
DIV+CSS
HTML
python
更多>>同類信息
jquery設置或獲取修改classname
利用css3.0寫出一個音樂播放的唱片碟盤的效果
利用css中的scale()實現放大縮小效果
利用background-color:#000000a8在背景顏色16進制代碼之后加字母加上數字讓背景色透明
css背景使用base64編碼或者將base64編碼放在img圖片標簽中
利用css3中的-webkit-font-smoothing把網頁文字的毛邊去掉
更多>>最新添加文章
dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT
Android移動端自動化測試:使用UIAutomatorViewer與Selenium定位元素
抖音直播音掛載小雪花 懂車帝小程序
javascript獲取瀏覽器指紋可以用來做投票
火狐Mozilla Firefox出現:無法載入您的Firefox配置文件 它可能已經丟失 或是無法訪問 問題解決集合處理辦法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑
python通過代碼修改pip下載源讓下載庫飛起
python里面requests.post返回的res.text還有其它的嗎
更多>>隨機抽取信息
asp讀取163的rss之xml數據
一個非常不錯的程序編輯工具--PSPad editor
利用css實現圖片選中后顯示文字與圖片效果
定義鏈接的樣式CSS
連云港黨建
請勿在本地站發布亂七八糟的廣告,本站所有的留言與評論全是需要審核的
99热热热_国产成人自拍一区_欧美一级网站_99热在线播放_国产精品乱码一区二区三区_久久精品国产一区二区三区
  • <li id="6qmi0"></li>
  • <li id="6qmi0"><source id="6qmi0"></source></li>
    久久久久久九九| 国产精品推荐精品| 一区二区三区精品国产| 国产成人成网站在线播放青青| 国产在线日韩| 一级日韩一区在线观看| 久久精品美女| 国产精品区一区二区三在线播放| 一区二区日韩免费看| 综合操久久久| 永久久久久久| 一本色道久久综合亚洲二区三区| 欧美日韩精品免费观看| 国产精品亚洲一区| 99精彩视频| 91aaaa| 久久这里只有| 亚洲伊人观看| 久久久久.com| 97欧洲一区二区精品免费| 欧美资源在线| 香蕉av777xxx色综合一区| 国产日韩精品久久| 午夜一级久久| 97久久天天综合色天天综合色hd| 99re在线观看| 国产伦精品一区二区三区高清版| 国产精品久久久久久免费观看| 97神马电影| 精品一区久久久久久| 久久大香伊蕉在人线观看热2| 国产乱码精品一区二区三区中文 | 午夜在线视频观看日韩17c| 国产精品综合色区在线观看| 99国产精品久久久久老师 | 在线免费观看欧美| 9色国产精品| 97碰碰视频| 欧美日韩国产综合视频在线| 欧美视频1区| 正在播放91九色| 99精品99久久久久久宅男| 男女精品视频| 欧美国产一二三区| 欧美一区在线看| 一本色道久久综合亚洲精品高清| 91精品黄色| 日本一区二区免费看| 国产综合亚洲精品一区二| 国产日韩欧美在线播放不卡| 久久国产欧美精品| 日韩精品一区二区三区丰满| 欧美日韩亚洲一区| 男女av一区三区二区色多| 久久爱av电影| 在线观看亚洲| 国产精品露出视频| 欧美1级日本1级| 久久精品一区| 亚洲精品一区二| 国产一级一区二区| 欧美久久综合性欧美| 亚洲私人影院| 国产麻豆日韩| 18成人免费观看视频| 精品国产一区二区三区麻豆小说| 欧美日本不卡高清| 99久久精品免费看国产四区| 中文字幕久精品免| aa成人免费视频| 欧美一区91| 国产精品 日韩| 国产在线日韩| 欧美日韩精品不卡| 久久综合图片| 国产中文一区| 日韩国产精品一区二区三区| 国产亚洲精品久久飘花| 亚洲免费在线精品一区| 成人免费在线看片| 伊人久久大香线蕉综合热线| 精品久久精品久久| 国产伦精品一区二区三区四区免费| 品久久久久久久久久96高清| 午夜亚洲一区| 亚洲高清视频一区二区| 久久久久久久久久码影片| 国产精品久久久一区二区三区| 欧日韩一区二区三区| 久久精品网址| 一本综合久久| 在线成人av电影| 另类小说综合网| 999视频在线免费观看| 亚洲日本视频| 中文字幕色一区二区| 欧美午夜精品理论片a级大开眼界 欧美午夜精品久久久久免费视 | 国产在线不卡| 亚洲欧洲精品在线观看| 九色综合日本| 国产精品一区二区三区免费| 免费久久久一本精品久久区| 在线成人亚洲| 亚洲视频一区| 好吊一区二区三区| 欧美va天堂| 在线精品亚洲一区二区| 三区精品视频| 欧美欧美一区二区| 鲁鲁狠狠狠7777一区二区| 国产精品一区二区欧美黑人喷潮水| 久久久久国产精品一区三寸| 在线综合亚洲| 国产精品美女| 国产嫩草一区二区三区在线观看| 伊人久久婷婷| 在线亚洲一区| 欧美一级专区| 91久久精品一区二区别| 久久久久久亚洲精品杨幂换脸 | 国严精品久久久久久亚洲影视| 久久精品国语| 久久综合婷婷| 狠狠干一区二区| 久久精品一区二区三区不卡免费视频| 国产精品亚洲综合| 欧美动漫一区二区| 亚洲春色在线视频| 亚洲欧美精品在线观看| 欧美喷水视频| 亚洲国产精品久久久久久女王 | 免费中文日韩| 午夜一区二区三区| 欧美激情综合| 亚洲精品日韩久久| 久久精品中文字幕一区二区三区| 久久久久久亚洲精品杨幂换脸 | 欧美日韩在线播放一区二区| 国产综合亚洲精品一区二| 国产日韩欧美一区二区三区在线观看 | 亚洲专区欧美专区| 99re热精品| 日韩精品久久久| 国产精品分类| 久久久久高清| 欧洲亚洲一区| 国产综合色产| 99re视频在线播放| 日韩片电影在线免费观看| 欧美精品一区在线发布| 国产九九精品| 欧美精品在线一区| 在线观看视频日韩| 国内精品二区| 欧美日韩在线精品| 91久久大香伊蕉在人线| 婷婷四房综合激情五月| 99精品视频免费全部在线| 丁香婷婷久久久综合精品国产| 欧美日韩精品一区| 亚洲日本成人| 欧美h视频在线| 亚洲精品乱码久久久久久蜜桃麻豆| 翡翠波斯猫1977年美国| 亚洲精品视频一区二区三区| 西西人体一区二区| 亚洲乱码国产乱码精品天美传媒| 亚洲国产婷婷| 久久青青草原| 亚洲精品黄色| 日韩av不卡播放| 男人天堂欧美日韩| 午夜日韩av| 久久久综合亚洲91久久98| 在线亚洲观看| 色噜噜狠狠色综合网| 久久成人在线| 欧美日韩1区2区3区| 精品一区二区日本| 亚洲高清久久| 在线观看成人av电影| 国产精品sss| 在线亚洲成人| 欧美日韩在线高清| 神马影院我不卡| 不卡视频一区二区| 一区二区三区久久网| 亚洲一区二区三区精品视频| 懂色一区二区三区av片| 亚洲美洲欧洲综合国产一区| 五码日韩精品一区二区三区视频| 久久一区亚洲| 国产一区91| 黄色综合网站| 综合视频免费看| 视频一区视频二区视频三区高| 国产 高清 精品 在线 a| 国产一区二区三区高清| 国产精品多人| 欧美日韩精品免费观看视一区二区|