五个问题！！！

1、border由三个属性值构成，即border：border-width     border-color     border-style

这里的solid代表的是border-style，表示的实现边框，比如还可以将solid替换成dotted，dotted表示的点线

2、居中的问题

（1）如果同学只想实现水平居中，则可以使用如下方式

（2）如果同学想要实现水平+垂直居中，则可以使用如下方式：

3、vertical-align: middle无效

vertical-align: middle属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐，打个比喻：假设有两个行内元素a和 b，a和b都是img，当a加了一个vertical-align:middle样式之后，b的底部（基线）就会对齐a的中间位置，如下图：

如果a和b都加了一个vertical-align:middle样式，那么就互相对齐了对方的中间位置，也就是它们在垂直方向上的中线对齐了，如下图：

这里是因为span的基线问题导致的，另外，单行文本垂直居中，建议使用line-height，如：

4、span设置宽度和高度无效是因为span是行内元素，本身不具备宽度和高度的特性，如果想要设置宽度和高度，需要将其先转换成块级元素，即：

5、vertical-align属性中

（1）text-top：把元素的顶端与父元素字体的顶端对齐    

（2）text-bottom：把元素的底端与父元素字体的底端对齐    

（3）middle：把此元素放置在父元素的中部    

希望可以帮到你！