css10个易错技巧 |css 外部阴影

1. 属性值一定要用引号括起来
样式属性的值必须要用引号括起来。否则，一旦出现了空格和某些特殊字符就会引起浏览器的解析错误。例如：
background-color:red; //错误
background-color:'red'; //正确
2. 推荐使用简写属性
推荐使用简写属性，尽量避免使用单独的样式属性。例如：
margin:10px 20px; //简写属性
margin-top:10px;
margin-right:20px;
margin-bottom:10px;
margin-left:20px; //单独的样式属性
3. 样式优先级
样式优先级从高到低依次是：!important >行内样式 >ID选择器 >类选择器 >标签选择器。要注意不要过分使用!important，避免出现样式不受控的情况。
4. 样式书写顺序
样式书写顺序应该从外向内，从大到小。例如：
.container{ 
margin:10px; 
padding:20px; 
border:1px solid red; 
}
5. 避免复杂选择器
避免使用过于复杂的选择器，例如：
.container table tr td a{ 
color:red; 
}
6. 避免使用绝对定位
避免使用绝对定位，因为它可能破坏页面的布局。
7. 推荐使用CSS预处理器
CSS预处理器可以大幅提高CSS编码效率，同时规范了CSS格式。
8. 避免使用!important
虽然!important可以提高样式的优先级，但是它也可能导致样式失去可维护性和灵活性。
9. 使用浏览器的开发者工具
在调试CSS样式时，应该善于使用浏览器的开发者工具，方便进行修改和优化。
10. 善于使用注释
使用注释可以让代码更具可读性和可维护性，尤其是在处理复杂的样式时，注释非常有用。