網(wǎng)站制作中CSS字體處理原則
2010/10/25 14:10:24
網(wǎng)站制作字體的選用要考慮該文字的用途,是做標(biāo)題呢,還是段落文字?
通常來(lái)說(shuō) san serif 字體適合作為標(biāo)題使用,例如 Arial;serif 字體適合作為段落文字使用,例如Time New Roman。對(duì)于網(wǎng)頁(yè)設(shè)計(jì)來(lái)說(shuō),有幾個(gè)字體是我強(qiáng)烈推薦的,verdana, tahoma, georgia。事實(shí)上,像 Verdana 這個(gè)字體是由世界上頂級(jí)的字體設(shè)計(jì)師花了差不多兩年時(shí)間設(shè)計(jì)出來(lái)的,Microsoft負(fù)責(zé)買單, 然后免費(fèi)提供給用戶,這個(gè)字體是IE安裝的一部分,如果你安裝了IE 4以上的版本,你的電腦里就一定有這個(gè)字體,所以你不必?fù)?dān)心用戶是否有這個(gè)字體。它的設(shè)計(jì)考慮了字體在屏幕上顯示的可能面對(duì)的問(wèn)題,而且提供了近乎完美的答案。唯一的麻煩是它的近乎完美造成了我們使用的時(shí)候沒(méi)有了個(gè)性,因?yàn)槊總€(gè)人都使用它。
字間距和字符間距
很特殊的用途,對(duì)中文來(lái)說(shuō)這兩者應(yīng)該是相同的。這個(gè)設(shè)定的本身就是為了解決某些字體設(shè)計(jì)上缺陷,來(lái)增加文字的可讀性。
字號(hào)的大小
論壇里很多討論,關(guān)于pixle 好還是point好? 我就不重復(fù)了,在這里我想提出的是字號(hào)的大小在CSS里,有很多不同的單位,大致上有三類,
絕對(duì)大小:mm, cm, in, pt, pc
相對(duì)大小:em, ex
相對(duì)于設(shè)備:px
也許你會(huì)說(shuō)我可以用text-indent: 10pt來(lái)實(shí)現(xiàn)同樣的效果啊,但那只是在理想的情形下,如果用戶覺(jué)得他的瀏覽器設(shè)置字體大小為14pt更好的時(shí)候,你所設(shè)計(jì)的比例就失去了,所以相對(duì)尺寸對(duì)于網(wǎng)頁(yè)的可伸縮性設(shè)計(jì)是非常有利的。ex 和 em 類似,但不盡相同, 回到上面的圖示,x-height 對(duì)于每一種字體來(lái)說(shuō)是不同的,ex 是根據(jù)字體的 x-height 來(lái)定義字體的大小。
行間距
行間距取決于字體的大小,一般來(lái)說(shuō),小的字號(hào)需要大一點(diǎn)的行間距來(lái)便于閱讀,中文字體在網(wǎng)頁(yè)上如果沒(méi)有行間距的設(shè)定,對(duì)于閱讀大段文字來(lái)說(shuō)是讀者的災(zāi)難,所以適當(dāng)設(shè)定line-height是非常必要的。一般地, line-height 在網(wǎng)頁(yè)設(shè)計(jì)中應(yīng)該是字體大小的1.5倍到2倍。word 和其它的文本編輯軟件里, 一般設(shè)定字體的120%作為缺省的行間距。css里的 line- height 設(shè)定,是均分后加在每一行的上下,也就是說(shuō),如果 line-height 設(shè)定為 20px 的話,那么每一行文字的上下各有10px的間距。
對(duì)齊方式
網(wǎng)站制作最好使用左對(duì)齊,尤其要避免使用左右對(duì)齊,除非你有一個(gè)特殊的設(shè)計(jì)目的,左對(duì)齊時(shí)右側(cè)的不對(duì)齊正是為了閱讀的方便,右側(cè)的變化對(duì)你的視力是一個(gè)幫助,它借助變化告訴你的眼睛可以換行了。
返回列表
返回首頁(yè)
主站蜘蛛池模板:
再深点灬舒服灬太大了网站|
女性高爱潮真实有声视频|
久久精品老司机|
99精品视频在线观看免费|
992tv国产人成在线观看|
久久精品国产精品国产精品污|
亚洲视频www|
国产成人久久精品亚洲小说|
国产欧美另类久久精品蜜芽|
好吊妞视频haodiaoniucom|
奇米影视第四色在线|
无码精品一区二区三区免费视频|
欧美性大战久久久久久久|
欧美黄色一级在线|
jizz黄色片|
中文字幕亚洲精品|
亚洲综合免费视频|
亚洲欧美日韩精品专区卡通|
国产成人黄色在线观看|
国产成人亚洲精品无码青青草原|
好爽~好大~不要|
机机对机机120分免费无遮挡
|
欧美在线视频a|
韩国中文电影在线看完整免费版|
亚洲精品无码永久在线观看
|
精品无码av无码专区|
zooslook欧美另类最新|
亚洲女初尝黑人巨高清|
午夜高清在线观看|
肌肌对肌肤肤30分钟软件大全免费|
www日本xxx|
久热这里只有精品视频6|
东京热加勒比无码少妇|
国产精品无码V在线观看|
在线看www免费看|
好爽快点使劲深点好紧视频|
中文天堂网在线最新版|
成人h动漫精品一区二区无码|
性欧美大战久久久久久久|
青苹果乐园影视免费观看电视剧hd
|
亚洲白嫩在线观看|