????? 網(wǎng)站設(shè)計師必須避免的最常見的CSS錯誤
在網(wǎng)站設(shè)計中,CSS語言起著最重要的作用,因?yàn)樗ㄟ^添加不同類型的樣式為整個網(wǎng)站的設(shè)計帶來生命。但是一些網(wǎng)站設(shè)計師在CSS的幫助下設(shè)計網(wǎng)站時犯了很多錯誤。我們正在分享網(wǎng)站設(shè)計者必須避免的一些常見CSS錯誤列表。
僅為一個瀏覽器執(zhí)行CSS
網(wǎng)站設(shè)計者通常只針對特定瀏覽器進(jìn)行編碼,因?yàn)樵诓煌瑸g覽器上訪問網(wǎng)站的用戶不會享受到應(yīng)有的相同設(shè)計。因此,作為網(wǎng)站設(shè)計師甚至是網(wǎng)站設(shè)計公司,您應(yīng)該在不同的瀏覽器上測試網(wǎng)站的編碼。此外,請注意通常與基于計算機(jī)的網(wǎng)站瀏覽器略有不同的移動瀏覽器。
使用過量的CSS代碼
您可以通過添加不同類型的CSS編碼來增強(qiáng)網(wǎng)站設(shè)計。即使使用新的CSS語言,您現(xiàn)在可以在CSS的幫助下設(shè)計圖片和互聯(lián)網(wǎng)動畫,但是過度使用它會導(dǎo)致許多問題。并非所有瀏覽器都支持所有類型的CSS代碼。添加如此多的CSS代碼會使您的CSS文件非常繁重,因?yàn)榫W(wǎng)站的加載時間受到干擾。所以保持簡單但很棒。
網(wǎng)站設(shè)計師仍在使用課程
CSS語言中的類現(xiàn)在被認(rèn)為是舊的,因?yàn)樗鼪]有得到所有網(wǎng)站語言和網(wǎng)站瀏覽器的支持。因此,用ID替換它們,因?yàn)镮D可以幫助網(wǎng)站瀏覽器更快地訪問我的元素,包括DOM組件。
不要分解CSS文件
在一種文件樣式中添加所有類型的CSS代碼不是一個好主意,因?yàn)樗鼤黾游募募虞d時間。在斷開互聯(lián)網(wǎng)的情況下,只有已加載的代碼才有效。因此,最好在多個文件中下載樣式文件,以便快速下載所有文件,并且用戶可以在原始設(shè)計中看到該網(wǎng)站。
為扇區(qū)分配錯誤的名稱
您可以在CSS中為任何您想要的扇區(qū)命名,但只要記住效果會增加網(wǎng)站的大小,就會給它們提供冗長的名稱。例如,使用home-header而不是使用home-page-header。
在CSS編碼中添加不必要的空間
許多網(wǎng)站設(shè)計師在CSS編碼中添加了不必要的空 有些人這樣做是為了記住風(fēng)格和線條,但這是非常不專業(yè)的。這不僅使CSS編碼文件冗長而且重。
使用網(wǎng)絡(luò)字體過度使用CSS:
添加字體可以增強(qiáng)網(wǎng)站的整體外觀,但使用網(wǎng)站字體重載CSS不是一個好主意,因?yàn)樗鼈冃枰虞d到第三方的服務(wù)器上。因此,添加最少的網(wǎng)站字體,并嘗試主要關(guān)注操作系統(tǒng)字體。