css要点补充说明

一.<img>标签自带的空隙

这样会出现：

这几张图片之间会有空隙，是因为img是文本类元素，只需要

这样就会消失了

二.

因为<span>是行级元素，不能改变大小，但是只要设置了：

position和 float就会可以改变大小了，是因为这两个属性会使标签自动变成  display:inline-block

三.

一旦进行了这样的设置以后，就会出现

这样的形式，“呵呵”和“123”会自动底对其，但是当span 标签里面没有123的时候，“呵呵”是和红色正方形的底对齐的

四.

如何调整上面内容的对齐线？

vertical-align属性就可以，属性值设为像素值就会以当前的对齐位置向上或者向下移动

五.文字居中

第一种就是设置：

line-hight:20px;
height:20px;

就是容器的高度和行高一样

第二种：

  简单来说就是让文字的高度和容器的高度一样，然后设置padding的上下