总结新手学CSS容易出现错误的内容

新手在CSS布局与设计中的五大要点

对于刚刚涉足CSS的设计师和开发者来说，有些细节往往容易忽略或产生混淆。以下是一些关键的要点，帮助你避免常见错误，提升你的CSS技能。

一、标签属性的严谨定义

有时候，尽管你的CSS代码写得看似无误，但实际效果总是差强人意，可能是因为对某些标签属性的定义不够严谨。在XHTML中，一些标签如form和p默认带有margin值，这些值可能不是你所期望的。为了确保布局的准确性，建议对所有标签进行重置样式定义，如使用 `{ margin:0; padding:0; }` 来确保所有标签的内外边距为零。

二、关于缩写与大小写问题

在CSS中，class和id是区分大小写的。当样式不生效时，除了检查其他因素外，也要确认大小写是否正确。推荐统一使用小写命名方式，形成自己的编码风格。例如，可以采用第二单词首字母大写的规则。为了简化代码和提高效率，建议使用缩写形式。例如，四个方向的margin可以通过 `margin: 1px;` 来简写。颜色代码也可以从六位数简化为三位数形式。

三. 少用限定，善用继承

在定义class时，尽量避免过于限定其应用范围。例如，对于id为b的div中的class a，不必通过 `b.a {}` 来定义。这样的定义限制了class的灵活性。利用子选择器可以更加灵活地设置属性。善用CSS的继承特性可以简化代码。当多个样式有相似之处时，可以通过继承来避免重复代码。例如，对于多个标签的字体设置，可以一次性定义多个标签的通用样式，然后通过继承来定义特定标签的特殊样式。

四、多重class的应用及就近优先原则

如果一个标签需要应用多个class，应该使用空格分隔多个class名，而不是重复使用 `class` 属性。例如 `