網(wǎng)頁(yè)設(shè)計(jì)稿中特殊字體的處理技巧

網(wǎng)頁(yè)設(shè)計(jì)稿中特殊字體的處理

網(wǎng)頁(yè)設(shè)計(jì)稿中特殊字體的處理：網(wǎng)頁(yè)瀏覽者在看網(wǎng)頁(yè)時(shí)使用自己電腦上的字庫(kù)來(lái)顯示字體的，如果在制作網(wǎng)頁(yè)時(shí)用了特殊的字體，必須保證瀏覽網(wǎng)頁(yè)的用戶的電腦上也有這樣的字庫(kù)才能看到相同的效果，如果用戶的電腦上沒(méi)有所定義的字體，那么它會(huì)自動(dòng)用系統(tǒng)默認(rèn)字體來(lái)顯示，一般中文的默認(rèn)字體都是宋體。

特殊字體只能做成圖片。

CSS中常用的字體包括：宋體、黑體、微軟雅黑、Arial、verdana、serif。

5、切圖時(shí)應(yīng)該保存成那種圖片格式

1)JPG不適用于所含顏色很少、具有大塊顏色相近的區(qū)域或亮度差異十分明顯的較簡(jiǎn)單的圖片。對(duì)于寫實(shí)的攝影圖片或是顏色層次非常豐富的圖像采用JPG的圖片格式保存一般能達(dá)到最佳的壓縮效果。根據(jù)經(jīng)驗(yàn)，在頁(yè)面中使用的商品圖片、采用人像或者實(shí)物素材制作的廣告banner等圖像更適合采用JPG的圖片格式保存。

2)對(duì)于需要高保真的較復(fù)雜的圖像，PNG雖然能無(wú)損壓縮，但圖片文件較大，不適合應(yīng)用在Web頁(yè)面上。圖像上顏色較少，并且主要以純色或者平滑的漸變色進(jìn)行填充�；蛘呔邆漭^大亮度差異以及強(qiáng)烈對(duì)比的簡(jiǎn)單圖像適合使用PNG格式進(jìn)行存儲(chǔ)。

3)PNG8支持1為布爾透明通道，所謂布爾透明值得是要么完全透明要么完全不透明。而PNG24則支持8為的Alpha通道透明，也就是說(shuō)可以存儲(chǔ)從完全透明到完全不透明一共256個(gè)層級(jí)的透明度。

4)對(duì)于小圖標(biāo)或小動(dòng)畫，可以保存成gif格式。

6、制作中需要注意的問(wèn)題——z-index屬性

1、z-index屬性設(shè)置元素的堆疊順序。擁有更高堆疊順序的元素總是會(huì)處于堆疊順序較低的元素的前面

2、該屬性設(shè)置一個(gè)定位元素沿z軸的位置，z軸定義為垂直延伸到顯示區(qū)的軸。如果為正數(shù)，則離用戶更近，為負(fù)數(shù)則表示離用戶更遠(yuǎn)。

7、兼容問(wèn)題的技巧

1)寫DTD聲明

2)為網(wǎng)頁(yè)樣式引入CSS重置代碼，重置各瀏覽器默認(rèn)屬性值。

3)同時(shí)為一個(gè)元素寫float和margin-left或margin-right時(shí)，同時(shí)設(shè)置display：inline，為解決IE6雙邊距問(wèn)題。

4)給元素設(shè)置高度后，同時(shí)設(shè)置overflow：hedden，避免在IE6中高度繼續(xù)擴(kuò)展的問(wèn)題

5)對(duì)于文本，在使用margin-left、padding-left、margin-top、padding-top之前有限考慮是否可用text-indent和line-height代替，因?yàn)橛?jì)算尺寸的代價(jià)相對(duì)來(lái)說(shuō)要大些。