創作內容

3 GP

【巴哈】快速查找自己的CSS有沒有設定錯誤的方法

作者:莉薇婭莞夢│2008-06-11 09:17:53│巴幣:0│人氣:1099
  這篇以利用IE設定的角度整理的,對於火狐專用的設定,因個人並不了解,也沒有特別去研究,因此在這邊就不以火狐瀏覽器設計小屋的觀點寫。如果您是編寫火狐可見IE不可見的語法,這篇應該比較用不到吧,因為我不了解所以就不亂說了。
  有時候在修改CSS時,或許會因為不熟悉或是沒有留意,導致自定語法的錯誤,造成幾種結果,一種是效果無法呈現,另一種則是不同瀏覽器的顯示效果。原因為何?
  相信前一篇的小叮嚀,已經有舉出大概的原因,這邊我們要說的是如何更方便的查找自訂版面語法的設定錯誤,就我所知道的有兩種方法:(請善用CTRL+F搜尋重點關鍵字)
  一、利用編寫語法可以查找錯誤的軟體,我所知道的是「Macromedia Dreamweaver MX」
    ‧可開啟檔案後,將自己的自定語法貼上,之後來校正錯誤的地方。
    ※因為它還會有語法重要性的顏色分配,除了提醒編輯者哪些符號很重要,也避免
     誤刪或多打。
  二、利用W3C這個網站的檢查功能
    ‧只要輸入自己網頁的網址,送出後,就會列出自己小屋所有用到的CSS設定,
     有無錯誤的檢核。
    ‧知道錯誤在哪邊後複製錯誤的群組名稱,到自定語法中CTRL+F找到該群組
     ,在予以修改。
    ※除了重大錯誤外,下方的警告錯誤還會列出網頁中顏色設定過於相近的項目。
  但是,以上兩種都不會顯示說語法設定的群組是否有〝重複、二次〞設定,所以關於編輯者疏失的重覆設定導致效果無法呈現,就只能靠編輯者一一去檢查。

===W3C使用說明=================
  ‧連結至該網頁http://jigsaw.w3.org/css-validator/
  ‧在下方欄位處輸入要檢查的網頁網址。
  ‧確定好網頁後,點選圖中的確認鍵「CHECK」

  ‧出現下圖所示的樣式,藍框的部份是自訂語法群組中有設定錯誤的群組名稱。
             綠框則是說明該群組的哪些設定錯誤。

  ‧接著請複製群組名稱,到自訂與法中搜尋到它,並做修改的動作。
  ‧如果群組名稱是空白的,那麼別懷疑這下你要好好的檢查你的「;{}」
   是否有多或少。或是說有宣告是備註文字的「/**/」不完整等等。

===Macromedia Dreamweaver MX==================
  ‧以下是給有此軟體的人參考用的。





==================================
  經過在次的檢查與修改後,就我所知,
  辛苦整理後的自訂語法就是IE和火狐都通用的設定了喔!

P.S. 卷軸語法,不管有沒有設定……只要預設中有,它就會出現錯誤,因為有些瀏覽器並不支援卷軸語法的XD
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=952033
All rights reserved. 版權所有,保留一切權利

相關創作

同標籤作品搜尋:|自訂版面|語法|校正|修改|w3c|W3C|IE|火狐|

留言共 7 篇留言

混沌的六翼天使
感謝您的教學喔!

06-11 10:20

✿HSU
真的嗎

回家試試看 (我在學校><)

06-11 16:03

✿HSU
good

06-11 16:04

★≠鬼花子
看不懂=A=

06-11 19:32

Final Blue
也許有時間可以好好研究XD~?

等哪天真的自己設計CSS會用的XD~

06-11 20:45

炎獄
等那天有空在試....= =

06-11 21:12

魘小瀹
感謝分享,先收藏囉=ˇ=

06-12 23:57

莉薇婭莞夢
請˙ˇ˙06-14 08:38
我要留言提醒:您尚未登入,請先登入再留言

3喜歡★indream228 可決定是否刪除您的留言,請勿發表違反站規文字。

前一篇:【生活】國文課(?)老師... 後一篇:【推薦】《楓之舞》作者:...

追蹤私訊切換新版閱覽

作品資料夾

happy545午安阿~~
歡迎來我的小屋看看喔,我想要成為『達人』正在努力中!!!看更多我要大聲說昨天15:21


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】