自己總結的一些CSS調試的經驗!

來源:互聯網
上載者:User

  上次一個美工同事,在做項目的時候,發現自己的寫的樣式表不能起到作用,搞了一整天都沒有結果,就只能寫在標籤的樣式中。後來發現我線上,就問我是什麼原因,其實我以前也遇到過這樣的問題,只是也從來沒有去總結過什麼原因,只是自己感覺有些地方不對就隨著思路找到了原因,問題解決了就萬事大吉,也不管為什麼了,呵呵,以後要多多總結的好啊!

其實我找原因的步驟是很簡單的,就是從上往下找,估計是受寫程式的影響,思路總是從上往下。不過這還是蠻管用的,比如給上面的那位同事找樣式表的問題,都起到作用了。

現在就來說說我上次是怎麼去調試樣式表的問題:

首先按照她的頁面,大體看了一下,問她不對的地方在那裡,發現原因如其所述。

然後反覆看了一下在樣式表中寫樣式和在直接在標籤中寫樣式的區別,都一直問題存在,然後有認真的看了一下她寫的樣式表,應該沒什麼問題,除了有一些顏色值在VS2008發現是不合法,其他都是正常的。

最後無奈,還是從上到下,慢慢來吧!

我先是給那個標籤命名一個ID,這樣比較強悍一些,免得Class不頂用,發現還是不行啊。

其實我之前想的是可能她寫的是Class,然後上面的父級標籤有ID,class沒有ID強的原因,不能顯示樣式效果,後來發現,都沒有ID屬性,所以這樣的原因就不存在了。

既然上面的做法不行的,就要慢慢來了。

然後我怕她上面的樣式寫的有錯誤,導致下面的樣式不能實現效果,我就把我剛才訂立的ID樣式,網上摞到了樣式表的最頂端,這樣驚喜出現,我的樣式有效果了,所以問題很明顯的出現了,就是在下面的樣式中有錯誤的地方,沒發現CSS有那種想VS裡面的斷點調試,也不能想JS裡面Alter,嘿嘿,所以我就把我寫的樣式一點點的往下摞,當然這樣的摞也要求點方法的,比如可以一大塊一大塊的摞,然後找出哪個大塊的問題,然後在大塊中的按小塊分法來摞,這樣就找的快點了。

最後終於摞到了問題的地方,那麼就只用看看這個錯誤樣式的問題,仔細看吧求錯誤能夠一下子出來啦,哈哈!

然後是問題:font-family:黑體,在VS2008中編輯樣式不會帶雙引號的,但是在DW中就會帶的,問題應該不是這樣的吧,但是去掉雙引號,我的樣式就出現效果了。故去掉雙引號。

至於為什麼會這樣?。。。。。。

還有我想給她注釋一下問題的原因,發現寫注釋時候,也不能出現效果,所以就沒有寫注釋,但是我以前是可以的,所以由個問題引發的問題還真是多。看來寫樣式表是要求很好的規範的!

   祝同事新年快樂!^-^ 找到白馬王子

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.