Html 实训4

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标签时就不容以调整。

猜你喜欢

转载自blog.csdn.net/Faustine___/article/details/94600494