隔壁人妻偷人bd中字_特黄特黄一级片_国产午夜大地久久_污色网站在线观看_a天堂资源在线观看_精品日韩久久久_欧美日韩福利在线_欧美日韩一区二区在线免费观看_欧美大尺度做爰床戏_国产情侣av自拍

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

關(guān)于字體在CSS中處理效果的思考

天極網(wǎng) 2007/12/23 19:34:42 深山行者 字體: 瀏覽 6906
字體的處理在網(wǎng)頁設(shè)計(jì)中無論怎么強(qiáng)調(diào)也不為過,畢竟網(wǎng)頁使用來傳遞信息的,而最經(jīng)典最直接的信息傳遞方式就是文字,所以,了解一點(diǎn)字體的基本知識(shí)對(duì)于設(shè)計(jì)來說還是非常重要的。

  中文和英文的最大區(qū)別就是中文是方塊字,英文是拼音文字,這對(duì)字體的處理的影響是巨大的。看看下面的圖示就會(huì)發(fā)現(xiàn),英文字體里的那些變化在中文字體里都弱化了。  

字體

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

  NOW I''VE TRIED TO TALK TO YOU AND MAKE YOU UNDERSTAND

  Now I''ve tried to talk to you and make you understand

  哪一行更容易讀呢?

  第一行和中文的情形有些類似,不同的是,每個(gè)中文單字就好比一幅畫,其變化要比26個(gè)英文字母豐富的多,對(duì)于我們來說,我們接受了這個(gè)特點(diǎn),但是設(shè)計(jì)時(shí)還是有一些問題需要考慮。設(shè)計(jì)原則本身就是為了打破原則,這也是所謂的creativity的表現(xiàn)。問題是你需要先知道原則,并且順從原則進(jìn)行練習(xí),只有在你熟悉原則之后才有可能打破原則顯現(xiàn)你的創(chuàng)造性,打破原則不意味著原則的缺陷和錯(cuò)誤,只是你對(duì)這些原則的別出心裁的使用,你打破了一些,同時(shí)也對(duì)你所破壞的部分做一定的補(bǔ)償,似乎很有點(diǎn)哲學(xué)的味道。

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

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

  通常來說 san serif 字體適合作為標(biāo)題使用,例如 Arial;serif 字體適合作為段落文字使用,例如Time New Roman。對(duì)于網(wǎng)頁設(shè)計(jì)來說,有幾個(gè)字體是強(qiáng)烈推薦的,verdana, tahoma, georgia。事實(shí)上,像 Verdana 這個(gè)字體是由世界上頂級(jí)的字體設(shè)計(jì)師花了差不多兩年時(shí)間設(shè)計(jì)出來的,Microsoft負(fù)責(zé)買單, 然后免費(fèi)提供給用戶,這個(gè)字體是IE安裝的一部分,如果你安裝了IE 4以上的版本,你的電腦里就一定有這個(gè)字體,所以你不必?fù)?dān)心用戶是否有這個(gè)字體。它的設(shè)計(jì)考慮了字體在屏幕上顯示的可能面對(duì)的問題,而且提供了近乎完美的答案。唯一的麻煩是它的近乎完美造成了我們使用的時(shí)候沒有了個(gè)性,因?yàn)槊總€(gè)人都使用它。

  字號(hào)的大小?

  論壇里很多討論,關(guān)于pixle 好還是point好?在這里我想提出的是字號(hào)的大小在CSS里,有很多不同的單位,大致上有三類:

以下是引用片段:
  絕對(duì)大小:mm, cm, in, pt, pc
  相對(duì)大小:em, ex
  相對(duì)于設(shè)備:px

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

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

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

  對(duì)齊方式?

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

  行間距?

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

  字間距和字符間距?

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

相關(guān)閱讀
連云港天天美食網(wǎng)
flash利用as調(diào)用執(zhí)行外部設(shè)置的exe文件
css優(yōu)先級(jí)的例子
jQuery設(shè)置提交表單disabled屬性所有input、button、extarea、select、checkbox、radio都生效
來自網(wǎng)易空間排行寬度可以變化的選項(xiàng)卡
仿淘寶首頁商品分類列表效果
隨心所欲的定制彈出窗口
javascript里confirm在外部文件中調(diào)用方法
共有0條關(guān)于《關(guān)于字體在CSS中處理效果的思考》的評(píng)論
發(fā)表評(píng)論
正在加載評(píng)論......
返回頂部發(fā)表評(píng)論
呢 稱:
表 情:
內(nèi) 容:
評(píng)論內(nèi)容:不能超過 1000 字,需審核,請(qǐng)自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。
驗(yàn)證碼: 驗(yàn)證碼 
網(wǎng)友評(píng)論聲明,請(qǐng)自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。

您發(fā)布的評(píng)論即表示同意遵守以下條款:
一、不得利用本站危害國(guó)家安全、泄露國(guó)家秘密,不得侵犯國(guó)家、社會(huì)、集體和公民的合法權(quán)益;
二、不得發(fā)布國(guó)家法律、法規(guī)明令禁止的內(nèi)容;互相尊重,對(duì)自己在本站的言論和行為負(fù)責(zé);
三、本站對(duì)您所發(fā)布內(nèi)容擁有處置權(quán)。

更多信息>>欄目類別選擇
百度小程序開發(fā)
微信小程序開發(fā)
微信公眾號(hào)開發(fā)
uni-app
asp函數(shù)庫
ASP
DIV+CSS
HTML
python
更多>>同類信息
jquery設(shè)置或獲取修改classname
利用css3.0寫出一個(gè)音樂播放的唱片碟盤的效果
利用css中的scale()實(shí)現(xiàn)放大縮小效果
利用background-color:#000000a8在背景顏色16進(jìn)制代碼之后加字母加上數(shù)字讓背景色透明
css背景使用base64編碼或者將base64編碼放在img圖片標(biāo)簽中
利用css3中的-webkit-font-smoothing把網(wǎng)頁文字的毛邊去掉
更多>>最新添加文章
dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT
Android移動(dòng)端自動(dòng)化測(cè)試:使用UIAutomatorViewer與Selenium定位元素
抖音直播音掛載小雪花 懂車帝小程序
javascript獲取瀏覽器指紋可以用來做投票
火狐Mozilla Firefox出現(xiàn):無法載入您的Firefox配置文件 它可能已經(jīng)丟失 或是無法訪問 問題解決集合處理辦法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑
python通過代碼修改pip下載源讓下載庫飛起
python里面requests.post返回的res.text還有其它的嗎
更多>>隨機(jī)抽取信息
深山留言板V7.0效果
photoshop cs 3D變換濾鏡下載
熟記ASP+Access數(shù)據(jù)庫的18條安全法則
文本框禁止方式
uni-app微信小程序分享微信好友與分享到朋友圈功能
FLASH中加入LOADING的最簡(jiǎn)便方法
隔壁人妻偷人bd中字_特黄特黄一级片_国产午夜大地久久_污色网站在线观看_a天堂资源在线观看_精品日韩久久久_欧美日韩福利在线_欧美日韩一区二区在线免费观看_欧美大尺度做爰床戏_国产情侣av自拍
精品成人无码一区二区三区| 日韩一区二区在线看片| 久久精品视频网| 久久99国产精品成人| 一级特级黄色片| 欧美一区二区成人6969| 亚洲宅男天堂在线观看无病毒| 99热这里都是精品| 色婷婷综合中文久久一本| 国产精品久久免费看| 东方欧美亚洲色图在线| 顶臀精品视频www| 中文在线免费一区三区高中清不卡| 国产一区二区三区最好精华液| 国产三级黄色片| 精品少妇一区二区三区免费观| 91精品国产综合久久久久久久久久 | 最近中文字幕免费| www激情久久| 国产高清在线观看免费不卡| 可以免费看av的网址| 亚洲欧洲性图库| 91视频com| 欧美日韩国产系列| 男女激情视频一区| 精品无人区无码乱码毛片国产 | 九色综合国产一区二区三区| 偷拍夫妻性生活| 欧美极品aⅴ影院| fc2成人免费人成在线观看播放| 91国偷自产一区二区开放时间| 亚洲综合视频在线| 好男人香蕉影院| 久久综合狠狠综合久久激情| 国产成人免费在线观看| 在线视频一区二区免费| 午夜在线成人av| 欧美人与性囗牲恔配| 欧美激情一区二区| 91麻豆高清视频| 欧美一区二区视频观看视频| 国产一区二区三区在线观看精品| 国产极品国产极品| 亚洲妇熟xx妇色黄| 成人激情五月天| 1024亚洲合集| 三级男人添奶爽爽爽视频| 久久久久亚洲综合| 91在线云播放| 欧美成人精品3d动漫h| 国产成人三级在线观看| 欧美日韩视频专区在线播放| 麻豆视频观看网址久久| 欧美做爰爽爽爽爽爽爽| 亚洲妇女屁股眼交7| 国产又粗又黄又猛| 亚洲一区二区三区四区五区黄| 中日韩精品一区二区三区 | 成人av在线资源网| 91精品国产综合久久香蕉麻豆| 国产一区二区三区香蕉| 欧美色视频一区| 国内成人精品2018免费看| 色天使色偷偷av一区二区| 免费在线观看精品| 色国产综合视频| 蜜臂av日日欢夜夜爽一区| www.av视频| 美女视频一区二区| 91久久久免费一区二区| 麻豆国产一区二区| 欧美午夜精品一区二区蜜桃| 久久99国产精品尤物| 欧洲av在线精品| 久久99精品网久久| 欧美日韩在线电影| 国产乱码精品一区二区三| 欧美日韩国产综合草草| 国产精品一区二区果冻传媒| 欧美精品久久99| 成人h动漫精品一区二| 欧美大片拔萝卜| 久久久久无码精品| 亚洲国产精品av| 加勒比一区二区| 亚洲a一区二区| 色综合久久88色综合天天6| 老司机精品视频在线| 欧美乱妇15p| 91玉足脚交白嫩脚丫在线播放| 久久女同性恋中文字幕| 中文成人无字幕乱码精品区| 亚洲三级理论片| 影音先锋男人在线| 日本欧美一区二区| 欧美中文字幕一区| 99久久精品久久久久久清纯| 久久综合九色综合久久久精品综合| 久久久久中文字幕亚洲精品 | 欧美视频一二三区| 成人免费高清在线观看| 久久综合一区二区| 9.1成人看片免费版| 午夜久久久久久电影| 欧美午夜视频网站| 91视频在线看| 亚洲视频一区在线| 丝袜 亚洲 另类 欧美 重口| 国产在线视频一区二区三区| 欧美成人欧美edvon| 国产精品无码一区二区三| 亚洲一区二区中文在线| 91成人网在线| 99久久99精品久久久久久| 亚洲欧洲一区二区在线播放| 无码黑人精品一区二区| 国产成人亚洲精品青草天美| 久久精品无码一区二区三区| 日本精品久久久久中文| 国产中文字幕精品| 久久久久久久久99精品| 亚洲一区 欧美| 国产精品影视天天线| 国产午夜精品在线观看| 国产又粗又长免费视频| 国产一区二区三区电影在线观看| 久久蜜桃一区二区| 特级西西人体高清大胆| 国产精品自拍网站| 国产精品色眯眯| 免费在线观看一级片| 97se亚洲国产综合在线| 亚洲一区在线观看视频| 欧美日韩国产首页| 国产白嫩美女无套久久| 奇米影视一区二区三区| 精品国产一区二区三区不卡| 国产精品久久久久无码av色戒| 精品在线播放免费| 欧美激情综合五月色丁香小说| 中文乱码字幕高清一区二区| 成人永久免费视频| 亚洲乱码中文字幕| 欧美人伦禁忌dvd放荡欲情| 中文字幕乱码在线| 久久97超碰国产精品超碰| 久久久99久久| 全网免费在线播放视频入口| 永久看看免费大片| 偷窥少妇高潮呻吟av久久免费 | 99久久综合网| 图片区小说区区亚洲影院| 欧美变态tickle挠乳网站| 日本一道本视频| www.在线成人| 亚洲国产精品尤物yw在线观看| 欧美一区二区二区| 少妇视频一区二区| 91丨九色丨尤物| 日韩高清在线不卡| 欧美韩日一区二区三区四区| 色噜噜狠狠色综合中国| 天堂www中文在线资源| 久久精品国产99国产精品| 国产精品美女视频| 欧美日韩精品一区二区三区四区| 亚洲精品理论片| 国产成人精品免费网站| 洋洋成人永久网站入口| 精品女同一区二区| 中文字幕在线有码| 菠萝菠萝蜜网站| 从欧美一区二区三区| 视频一区视频二区中文字幕| 久久嫩草精品久久久精品一| 国产很黄免费观看久久| 亚洲美腿欧美偷拍| 日韩精品一区二区三区视频播放| 国产免费一区二区三区四区| jjzz黄色片| 国产精品一二三在| 性做久久久久久久免费看| 国产日韩精品一区二区浪潮av| 欧美性猛交xxxxxx富婆| 亚洲一区视频在线播放| 91麻豆精品秘密| 国产一区二区三区黄视频 | 国产成人免费xxxxxxxx| 亚洲不卡一区二区三区| 日本一二三不卡| 91精品国产综合久久久久久漫画| 国产高清视频免费在线观看| 性色av蜜臀av浪潮av老女人| 国产成人免费在线视频| 奇米精品一区二区三区四区| 18成人在线观看| 久久久国产一区二区三区四区小说 | av电影在线观看不卡| 精品一区二区三区日韩| 亚洲综合丁香婷婷六月香|