前端开发之HTML(一)

1、图片(img)问题

1. 图片下面会制动撑高4个像素: 例如下图

   
   1. 解决方案(1)：给图片添加属性样式

       display: block;
       /* 或者 */
       vertical-align: middle

   1. 解决方案(2)：给图片的父及和自己配合添加样式

       /* 父及 添加 */
       overflow: hidden;
        /* 自己 添加浮动 */
        float: left;

   1. 解决方案(3)：给图片的父及添加高度（高度和图片高度相等）

1、表格

border-spacing可以用来设置表格边框之间的距离
border-collapse可以用来设置表格的边框的合并
如果将值设置collapse，则table和td的边框将会自动合并为一个
当设置了边框合并以后，border-spacing将自动失效