????? 網(wǎng)站設(shè)計(jì)師必須避免的最常見的CSS錯誤
在網(wǎng)站設(shè)計(jì)中，CSS語言起著最重要的作用，因?yàn)樗ㄟ^添加不同類型的樣式為整個網(wǎng)站的設(shè)計(jì)帶來生命。但是一些網(wǎng)站設(shè)計(jì)師在CSS的幫助下設(shè)計(jì)網(wǎng)站時犯了很多錯誤。我們正在分享網(wǎng)站設(shè)計(jì)者必須避免的一些常見CSS錯誤列表。
僅為一個瀏覽器執(zhí)行CSS
網(wǎng)站設(shè)計(jì)者通常只針對特定瀏覽器進(jìn)行編碼，因?yàn)樵诓煌瑸g覽器上訪問網(wǎng)站的用戶不會享受到應(yīng)有的相同設(shè)計(jì)。因此，作為網(wǎng)站設(shè)計(jì)師甚至是網(wǎng)站設(shè)計(jì)公司，您應(yīng)該在不同的瀏覽器上測試網(wǎng)站的編碼。此外，請注意通常與基于計(jì)算機(jī)的網(wǎng)站瀏覽器略有不同的移動瀏覽器。
使用過量的CSS代碼
您可以通過添加不同類型的CSS編碼來增強(qiáng)網(wǎng)站設(shè)計(jì)。即使使用新的CSS語言，您現(xiàn)在可以在CSS的幫助下設(shè)計(jì)圖片和互聯(lián)網(wǎng)動畫，但是過度使用它會導(dǎo)致許多問題。并非所有瀏覽器都支持所有類型的CSS代碼。添加如此多的CSS代碼會使您的CSS文件非常繁重，因?yàn)榫W(wǎng)站的加載時間受到干擾。所以保持簡單但很棒。
網(wǎng)站設(shè)計(jì)師仍在使用課程
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è)計(jì)中看到該網(wǎng)站。
為扇區(qū)分配錯誤的名稱
您可以在CSS中為任何您想要的扇區(qū)命名，但只要記住效果會增加網(wǎng)站的大小，就會給它們提供冗長的名稱。例如，使用home-header而不是使用home-page-header。
在CSS編碼中添加不必要的空間
許多網(wǎng)站設(shè)計(jì)師在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)字體。
