常見錯誤:
總結:哪裡沒有效果就去找哪裡;
排錯方式:
1.根據知識點
2.根據業務邏輯來安排
2-1.明确浏覽器解析的正确順序:1.标簽 2.css 3.js;
2-2.頁面上啥也沒有,證明沒有标簽或者标簽位置寫錯
2-3.頁面上沒有樣式,證明選擇器沒有樣式
2-4.頁面上沒有動态互動,要麼沒有互動屬性,要麼互動的屬性值綁定的元素不對;
總結:一.自己寫錯了。 二.邏輯上的錯誤;
找錯方法:核心:根據自己所掌握的知識點,進行排錯;
目前的css錯誤:
效果不出現:寫了代碼,沒有效果
1.檢視浏覽器控制台,看html标簽是否解析——解析;
2.那個樣式沒出來,就檢視那個标簽,看style有沒有解析css語言。——沒有
微調bug:
——打開控制台,調試值,找到合适的值,複制粘貼到自己的代碼中;
相容性bug:
——隻要是沒強調沒有相容那個浏覽器的屬性。那麼就通通相容,常用屬性:盒子,文本類,布局類;
注意:哪些存在相容性問題的知識點:css3:彈性布局,盒子陰影,文字陰影;
動畫過渡,媒體查詢 以上IE10以下不相容;
——相容性問題解決問題:隻要不相容,那就更換能夠相容的屬性;
在自己做頁面的過程中,如果有錯誤不解決,就體驗不到效果。