網設必備《CSS LINT》線上網頁CSS樣式檢查器

梅問題-《CSS LINT》線上網頁CSS樣式檢查器
  現在製作網頁已不像以前那麼單純,只要把畫面切一切,表格套一套就好了,隨著網頁技術不斷的進化,光是CSS也從1.0一直到3.0,所以現在製作網頁,也比以前繁索的許多,有時CSS的碼都比js的還多,但CSS本身不會有除錯的功能,因此當寫完落落長時,有沒有那邊寫錯,也不得而知,所以今天要來分享個好網站,只要將CSS的原始碼貼入,立即就會檢測出,那邊有問題,甚至還會列出行數,與問題描述,方便你進行作修正,因此身為網頁設計的你,也趕快來檢查一下囉!

CSS LINT:
網站名稱:CSS LINT
連結網址http://csslint.net/

Step1
當進入CSS LINT的網站後,將自己寫好的CSS碼,複製貼到輸入框中,完畢後再按LINT鈕。
梅問題-《CSS LINT》線上網頁CSS樣式檢查器
Step2
接著就會秀出,目前的CSS碼是否有錯誤或警告的,從下方可看到0錯誤與34個警告。
梅問題-《CSS LINT》線上網頁CSS樣式檢查器
Step3
下方就會列出所有警告的清單,包含行數與問題解說。
梅問題-《CSS LINT》線上網頁CSS樣式檢查器
Step4
就可開啟CSS碼一一的來作修正。
梅問題-《CSS LINT》線上網頁CSS樣式檢查器
Step5
當修正完畢後,再把碼貼回檢測一次,就會看到當修正後,就會減少一個啦!
梅問題-《CSS LINT》線上網頁CSS樣式檢查器

相關文章

「Lazy Load CSS」非同步載入CSS,當網頁使用雲端字型更順暢

「Lazy Load CSS」非同步載入CSS,當網頁使用雲端字型更順暢

CSS3-clip-path繪製不規則形遮色片線上產生器

CSS3-clip-path繪製不規則形遮色片線上產生器

CSS教學-hover滑入圖片時,加入CSS3動畫特效「淡入淡出」變換圖片

CSS教學-hover滑入圖片時,加入CSS3動畫特效「淡入淡出」變換圖片

將ICON Fonts向量圖示字型引用到CSS中(Font Awesome為例)

將ICON Fonts向量圖示字型引用到CSS中(Font Awesome為例)

CSS3動畫hover套件,各種常用的互動特效直接套用

CSS3動畫hover套件,各種常用的互動特效直接套用





回應本篇 »

(姓名)*必填
(信箱)*必填
(網站)

※PS: 因梅干時間有限,教學網中所分享的主題繁多(所遇狀況也很多),可能無法一一回答各位,不便之處還請見諒。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊,請勿利用留言索取檔案。