1. 指定元素选择器:
例:.CLASS1 X Y
对CLASS1类下的X元素下的Y元素写选择器
2. 多个选择器或元素间空格
多个选择器或元素用空格组合在一起,表示相邻之间有亲缘关系(父子,祖父孙子)
3. 对li标签使用指定元素选择器,不用再定义一个类选择器
4. 所有标签都可以看作一个矩形框,例如:a标签也是一个矩形框框起来的
5. 不要在ul里面设置margin属性,尽量设置成0,在li、a子类标签设置margin、padding属性,方便调整
错误总结:
1. ul标签默认有padding-left属性
2. 在display为block的多个li标签下,使用padding-top属性会使li的标签总高度变长,若想移动li标签下文字的位置,可以使用line-height
3. position:relative是文档流,所以想让多个文档流在一行显示,还需要设置display属性为inline-block
4. 不要对布局框设置margin、padding属性,尽量对显示元素设置这些属性
5. 在布局时,要做到外面布局比里面布局大,这样在规划时不容易出现一些不易察觉的问题,例如在使用a标签内嵌img标签时,a标签宽高很可能就比img标签小,在使用padding、margin调整时img标签时就不容以调整。