css平时写的时候注意的

1.如果用absolute的时候一定要注意，bottom如果为)的话，一定要注意上一级的relative是否有height.

2.chrome浏览器，我们需要注意的是width包含了padding，但是margin只是用棕黄色表示。所以我们布局div一定要看是否有padding，有的话，我们的width一定要减去。

3.

类似这种，h1,span span.

h1设置背景。最后一个span可以右悬浮。左边的两个display:inline;

4.**************************************

4.

这里我们通常，Img span p

img左悬浮设置margin-right之类的，span放标签的几个字，然后会自动换横，然后p标签环绕。

5. 当布局中有高度，特别宽度的时候，

我们有时间默认可以不写宽度（靠里边的自由撑大）

如果宽度和外边的一样，我们就写100%;

如果这个div内部的悬浮，我们就只写宽度就行，不要管高度了。

6.text-align: justify：文本两端都对齐。

7.css选择器：:nth-child()  第一个元素，first-child

偶数，:nth-child(2n)

奇数，nth-child(2n+1)

last-child

8.无论横内元素还是块元素，都有margin,padding之列的absolute之类的，他们区别只在width,height和是否自动换行。

9.

这里我们可以看到，想加一个border-bottom

发现穿过左边的图片了，

左边的图片是悬浮的，但是右边的div不能悬浮，因为此时的div没有设置宽度，而float又没有宽度，

所以此时的div默认的是width:100%;

如果我们给div设置宽度的话，就可以又悬浮了。

11.  margin-top: 39px;margin:0 auto;

这样子写，前面的那个top失效了。

12.

这里我们看到子元素悬浮后，如果父div没有悬浮的话，高度为0，如果子元素也悬浮的话，那么父元素的高度就会撑起来。

13. 以前老是以为float会占空间的，估计以前想错了。

上面的img是float的，意味着外边的height为0。

如果下边的没有float的话，就会覆盖上去。