網站設計師需要(yào / yāo)了(le／liǎo)解的(de)前端設計知識

關于(yú)漸變、圓角、投影
在(zài)css3中終于(yú)實現了(le／liǎo)漸變、圓角和(hé / huò)投影，不(bù)過可惜的(de)是(shì)IE6、7、8均不(bù)支持，但是(shì)已經可以(yǐ)在(zài)越來(lái)越多的(de)網站中看到(dào)新css的(de)應用，尤其是(shì)按鈕，淡淡的(de)漸變，hover上(shàng)去有點淡淡的(de)陰影，效果很好，對于(yú)不(bù)支持的(de)浏覽器，設置一(yī / yì ／yí)個(gè)顔色近似的(de)背景，看到(dào)的(de)是(shì)單色、直角效果。

關于(yú)字體
網頁裏中文文本字體一(yī / yì ／yí)般都是(shì)宋體，不(bù)建議使用其他(tā)字體，但是(shì)其實字體是(shì)可以(yǐ)上(shàng)傳到(dào)服務器，然後頁面中引用該字體，就(jiù)解決了(le／liǎo)用戶電腦上(shàng)沒有相應字體的(de)問題。不(bù)過很少有人(rén)會這(zhè)麽做，爲(wéi / wèi)什麽呢？1.浏覽器是(shì)可以(yǐ)設置忽略網頁字體，改用用戶設置的(de)字體(IE:工具->Internet選項->輔助功能)。2.服務器上(shàng)的(de)字體是(shì)需要(yào / yāo)加載的(de)，而(ér)一(yī / yì ／yí)個(gè)字體一(yī / yì ／yí)般都幾兆，嚴重影響頁面載入速度。所以(yǐ)對于(yú)特殊字體，通常都是(shì)做成圖片。

關于(yú)背景
看看通常一(yī / yì ／yí)個(gè)按鈕是(shì)怎麽拼出(chū)來(lái)

産品類的(de)按鈕我們一(yī / yì ／yí)般都是(shì)像A這(zhè)樣設計（中間段是(shì)橫向的(de)重複圖案），而(ér)不(bù)是(shì)像B這(zhè)樣，因爲(wéi / wèi)産品類的(de)按鈕一(yī / yì ／yí)般都是(shì)複用的(de)，可以(yǐ)用兩段拼出(chū)來(lái)一(yī / yì ／yí)個(gè)按鈕，而(ér)B這(zhè)個(gè)寬度就(jiù)限死了(le／liǎo)。

關于(yú)對齊
主要(yào / yāo)是(shì)表單中文字的(de)上(shàng)下居中對齊，在(zài)ps裏很簡單，但是(shì)實現出(chū)來(lái)卻如上(shàng)圖所示的(de)，很難看，要(yào / yāo)想對齊，真是(shì)件麻煩的(de)事情，沒有好的(de)辦法。所以(yǐ)不(bù)是(shì)特别關鍵的(de)地(dì / de)方，建議就(jiù)随它去了(le／liǎo)

網站設計師需要(yào / yāo)了(le／liǎo)解的(de)前端設計知識由東莞網站設計編輯 /news/143.html如需轉載請注明出(chū)處

東莞網頁制作 東莞網站制作 東莞小程序開發 東莞建網站 東莞網絡推廣 東莞小程序制作 東莞微信小程序開發 東莞做網站 門戶網站建設 茂名網站建設 揭陽網站建設 深圳網站建設 湛江網站建設 單頁網站建設 中山網站建設 梅州網站建設 惠州網站建設 專業網站建設 網站托管 SEO外包 關鍵詞優化