一些css细节

1.img标签换行后，在页面中会表出间隔空格，不好去除。可以用table作为img的容器，也可以并排写到一行中，去掉空格。

2.befor,after 伪类的使用，可以把一些回定的文本标记放入，html中只放数据。并且after可以作为清除浮动的元素. 这两者必须 设定content才会起作用，并且是作为子元素插入到选择器中。

3.设置background时，background-position设置背景图片在容器中的对齐位置，background-size设置背景想对于容器的大小，其中contain表示填充满容器，也可以设置百分比。

4.设置div等比例缩放，让height=0,padding-bottom=(你想要的高/宽的百分比)，原理是因为当height=0时，此时padding-bottom的比例参考已经不是height,而是width。这是高度会随着宽度的变化而等比例变化。此时如果包含img,或者设置背景图片，也会等比例缩放。