這篇以利用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