2023-02-03 17:29:21|已瀏覽:3922次
網(wǎng)頁設(shè)計稿中特殊字體的處理:網(wǎng)頁瀏覽者在看網(wǎng)頁時使用自己電腦上的字庫來顯示字體的,如果在制作網(wǎng)頁時用了特殊的字體,必須保證瀏覽網(wǎng)頁的用戶的電腦上也有這樣的字庫才能看到相同的效果,如果用戶的電腦上沒有所定義的字體,那么它會自動用系統(tǒng)默認字體來顯示,一般中文的默認字體都是宋體。
特殊字體只能做成圖片。
CSS中常用的字體包括:宋體、黑體、微軟雅黑、Arial、verdana、serif。
5、切圖時應(yīng)該保存成那種圖片格式
1)JPG不適用于所含顏色很少、具有大塊顏色相近的區(qū)域或亮度差異十分明顯的較簡單的圖片。對于寫實的攝影圖片或是顏色層次非常豐富的圖像采用JPG的圖片格式保存一般能達到最佳的壓縮效果。根據(jù)經(jīng)驗,在頁面中使用的商品圖片、采用人像或者實物素材制作的廣告banner等圖像更適合采用JPG的圖片格式保存。
2)對于需要高保真的較復(fù)雜的圖像,PNG雖然能無損壓縮,但圖片文件較大,不適合應(yīng)用在Web頁面上。圖像上顏色較少,并且主要以純色或者平滑的漸變色進行填充。或者具備較大亮度差異以及強烈對比的簡單圖像適合使用PNG格式進行存儲。
3)PNG8支持1為布爾透明通道,所謂布爾透明值得是要么完全透明要么完全不透明。而PNG24則支持8為的Alpha通道透明,也就是說可以存儲從完全透明到完全不透明一共256個層級的透明度。
4)對于小圖標或小動畫,可以保存成gif格式。
6、制作中需要注意的問題——z-index屬性
1、z-index屬性設(shè)置元素的堆疊順序。擁有更高堆疊順序的元素總是會處于堆疊順序較低的元素的前面
2、該屬性設(shè)置一個定位元素沿z軸的位置,z軸定義為垂直延伸到顯示區(qū)的軸。如果為正數(shù),則離用戶更近,為負數(shù)則表示離用戶更遠。
7、兼容問題的技巧
1)寫DTD聲明
2)為網(wǎng)頁樣式引入CSS重置代碼,重置各瀏覽器默認屬性值。
3)同時為一個元素寫float和margin-left或margin-right時,同時設(shè)置display:inline,為解決IE6雙邊距問題。
4)給元素設(shè)置高度后,同時設(shè)置overflow:hedden,避免在IE6中高度繼續(xù)擴展的問題
5)對于文本,在使用margin-left、padding-left、margin-top、padding-top之前有限考慮是否可用text-indent和line-height代替,因為計算尺寸的代價相對來說要大些。
注:尊重原創(chuàng)文章,轉(zhuǎn)載請注明出處和鏈接 http://www.dedgn.cn/news-id-77622.html 違者必究!部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實性請自行核實或聯(lián)系我們,了解更多相關(guān)資訊請關(guān)注網(wǎng)頁制作頻道查看更多,了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費申請試課。關(guān)注官方微信了解更多:150 3333 6050
姓名:
手機:
地區(qū):