網(wǎng)站設(shè)計(jì)師需要了解的前端設(shè)計(jì)知識(shí)

關(guān)于漸變、圓角、投影
在css3中終于實(shí)現(xiàn)了漸變、圓角和投影，不過可惜的是IE6、7、8均不支持，但是已經(jīng)可以在越來越多的網(wǎng)站中看到新css的應(yīng)用，尤其是按鈕，淡淡的漸變，hover上去有點(diǎn)淡淡的陰影，效果很好，對(duì)于不支持的瀏覽器，設(shè)置一個(gè)顏色近似的背景，看到的是單色、直角效果。

關(guān)于字體
網(wǎng)頁里中文文本字體一般都是宋體，不建議使用其他字體，但是其實(shí)字體是可以上傳到服務(wù)器，然后頁面中引用該字體，就解決了用戶電腦上沒有相應(yīng)字體的問題。不過很少有人會(huì)這么做，為什么呢？1.瀏覽器是可以設(shè)置忽略網(wǎng)頁字體，改用用戶設(shè)置的字體(IE:工具->Internet選項(xiàng)->輔助功能)。2.服務(wù)器上的字體是需要加載的，而一個(gè)字體一般都幾兆，嚴(yán)重影響頁面載入速度。所以對(duì)于特殊字體，通常都是做成圖片。

關(guān)于背景
看看通常一個(gè)按鈕是怎么拼出來

產(chǎn)品類的按鈕我們一般都是像A這樣設(shè)計(jì)（中間段是橫向的重復(fù)圖案），而不是像B這樣，因?yàn)楫a(chǎn)品類的按鈕一般都是復(fù)用的，可以用兩段拼出來一個(gè)按鈕，而B這個(gè)寬度就限死了。

關(guān)于對(duì)齊
主要是表單中文字的上下居中對(duì)齊，在ps里很簡(jiǎn)單，但是實(shí)現(xiàn)出來卻如上圖所示的，很難看，要想對(duì)齊，真是件麻煩的事情，沒有好的辦法。所以不是特別關(guān)鍵的地方，建議就隨它去了

名稱欄目：網(wǎng)站設(shè)計(jì)師需要了解的前端設(shè)計(jì)知識(shí)
本文URL：http://m.kartarina.com/news/168746.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷seo公司；服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)