首頁?>?知識?資訊?>? 網(wǎng)站設(shè)計(jì)師必須避免的最常見的CSS錯誤?>?正文

網(wǎng)站設(shè)計(jì)師必須避免的最常見的CSS錯誤

2019/4/23 0:00:00 · 稿源:傳誠信


????? 網(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錯誤列表。

網(wǎng)站設(shè)計(jì)師必須避免的最常見的CSS錯誤-北京網(wǎng)站建設(shè)-js-hbsb.cn

僅為一個瀏覽器執(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)字體。

  • 相關(guān)推薦
  • 大家在看
熱文
  • 熱門
  • 最新
客戶服務(wù)
咨詢熱線

010-62199213

24小時咨詢熱線

139-1050-5354