常见错误:
总结:哪里没有效果就去找哪里;
排错方式:
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以下不兼容;
——兼容性问题解决问题:只要不兼容,那就更换能够兼容的属性;
在自己做页面的过程中,如果有错误不解决,就体验不到效果。