//使用样式表定义样式。我不会在这里一一列举。遇到有代表性的问题欢迎留言！参考：10种常见的HTML标签错误方式总结：结构层（HTML）问题的解决方法是在谷歌浏览器上按F12（command+option）打开控制台，看看元素结构是否和你想象的一样。2.表现层(CSS)由于某些原因，粗心大意，漏掉了末尾的分号或花括号}，所以下面的样式就不行了。或由拼写错误的单词引起的无效样式。开发过程中建议使用带有代码提示和自动补全功能的编辑器（如WebStorm）。学习练习时使用手写编辑器。CSS错误主要来自对CSS权重的无知。排除粗心通常是设置样式不起作用的原因。错误一：z-index不起作用，或者负边距值影响z-index？.p{背景颜色：红色；宽度：200px；高度：100px；位置：相对；z-index:1}div{background-color:green;width:200px;高度：100px；margin-top:-50px;z-index:999}

我是一个段落

报错的原因是定位影响层级，而定位元素的层次高。z-index无效。此外，浮动元素也会影响层次结构。解决思路：查找CSS错误的完整步骤总结：表现层（CSS）解决方案是利用浏览器的元素检查功能来检查你的元素，并在元素中添加内联样式来测试它是否有效。如果你的css样式经常不起作用。请仔细阅读以下两篇文章：css权重和css常用的排序方式。权重分配错误2：使用background-image设置渐变背景时，设置background:none在悬停时无效，仍然是渐变背景。解决方法：设置background-image:none，悬停时清除渐变背景。错误三：有的浏览器正常，有的浏览器不正常。这个主要是为了css3的兼容，低版本的ie没有考虑。抵制垃圾浏览器从我做起！例如display:flexdisplay:-webkit-flex错误原因：没有兼容处理；解决方案：CSS3新特性、兼容性、兼容方法总结3.行为层（JavaScript）错误1：找不到对象示例：