css学习笔记之图像

图像与文本的对齐方式：

vertical-align:text-top;表示的意思是图像的顶部和同一行的文本对齐，但文本不会超出图片的上边线。

vertical-align:middle;表示的意思是图像的中部和同一行的文本对齐。

vertical-align:text-bottom;表示的意思是图像的地步和同一行的文本对齐，但是文本不会超出图片的下边线。

vertical-align:baseline;其实意思和text-bottom差不多。

控制图像与文本的距离：

<img src="dd.jpg" hspace=30 />用于设置文字距离左边图像的距离是30px

<img src="cc.jpb" vspace=30 />用于设置文字距离上边图像的距离是30px

热点图像区域的链接：

<map id="map1">

<area shape="" coords="" href=""></area>

</map>

3个重要的属性，shape ，coords，href

shape:用来确定选区的形状，rect矩形，circle圆形，poly多边形

coords：用来控制形状的位置，通过坐标来找到这个位置

href：就是超链接