網站設計師需要了解的前端設計知識

2022-06-18 分類：網站設計

關于漸變、圓角、投影
在css3中終于實現了漸變、圓角和投影，不過可惜的是IE6、7、8均不支持，但是已經可以在越來越多的網站中看到新css的應用，尤其是按鈕，淡淡的漸變，hover上去有點淡淡的陰影，效果很好，對于不支持的瀏覽器，設置一個顏色近似的背景，看到的是單色、直角效果。

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

關于背景
看看通常一個按鈕是怎么拼出來

產品類的按鈕我們一般都是像A這樣設計（中間段是橫向的重復圖案），而不是像B這樣，因為產品類的按鈕一般都是復用的，可以用兩段拼出來一個按鈕，而B這個寬度就限死了。

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

分享標題：網站設計師需要了解的前端設計知識
路徑分享：http://m.kartarina.com/news46/168746.html

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有網站設計等

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容