一些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,或者设置背景图片,也会等比例缩放。