常见错误
总结: 哪里没效果找哪里
拍错方式:
1:根据知识点
2:根据业务逻辑来排查
- 1:明确浏览器解析的顺序:标签 --> css --> js
- 2:页面啥也没有,证明没有标签或者标签位置写错了
- 3:页面上没有样式,证明选择器没选中
- 4:页面上没有动态交互,要么没属性(交互属性),要么交互属性值绑定的元素不对
自己写错了
找错方法
核心:根据自己所掌握的知识点进行拍错
目前css错误:
错误原因:写了代码没有效果 ---------一脸懵逼;觉得啥都不会
1:查看浏览器控制台;看html标签是否解析?---------解析
2:哪个样式没出来;就查看哪个标签;看style 有没有解析css语言 - 没有
- 选择器没有选中html标签。 ----->复制 搜索 查看 排错
3.微调bug
- 打开控制台;调试值;找到合适的值; 负值 粘贴 到自己的代码中
4.兼容性bug
- 只要没强调没有兼容哪个浏览器的属性,那么就通通兼容
- 盒子文本布局类
注意:存在兼容性问题的知识点 css3 弹性布局 盒子阴影 文字阴影
动画 过度 媒体查询 IE10 以上兼容
重点:如果有错误不解决;体验不到效果;自己就会觉得很懵逼。
如果有错误不会找,并且找不到,以后会学不会所有东西