html css排错方法

常见错误

总结: 哪里没效果找哪里
拍错方式:
1:根据知识点
2:根据业务逻辑来排查
- 1:明确浏览器解析的顺序:标签 --> css --> js
- 2:页面啥也没有，证明没有标签或者标签位置写错了
- 3:页面上没有样式，证明选择器没选中
- 4:页面上没有动态交互,要么没属性（交互属性），要么交互属性值绑定的元素不对

自己写错了

找错方法

核心:根据自己所掌握的知识点进行拍错
目前css错误:
错误原因:写了代码没有效果 ---------一脸懵逼;觉得啥都不会
1：查看浏览器控制台;看html标签是否解析?---------解析

2:哪个样式没出来；就查看哪个标签；看style 有没有解析css语言 - 没有
- 选择器没有选中html标签。 ----->复制 搜索 查看 排错
3.微调bug
- 打开控制台;调试值；找到合适的值； 负值 粘贴 到自己的代码中
4.兼容性bug
- 只要没强调没有兼容哪个浏览器的属性，那么就通通兼容
- 盒子文本布局类
注意：存在兼容性问题的知识点 css3 弹性布局 盒子阴影 文字阴影
动画 过度 媒体查询 IE10 以上兼容

重点:如果有错误不解决;体验不到效果;自己就会觉得很懵逼。
如果有错误不会找，并且找不到,以后会学不会所有东西