GIF Gif是一种布尔透明类型，它可以是全透明或全不透明，但是它并没有半透明（alpha 透明） 支持 Gif是一种无损耗的图像格式，这也意味着你可以对gif图片做任何操作也不会使图像质量产生损耗; Gif使用LZW算法进行压缩，当压缩gif的过程中，像素是由上到下水平压缩的，这也意味着同等条件下，横向的gif图片比竖向的gif图片更小。例如500*10的图片比10*500的图片更小 Gif支持可选择性的间隔渐进显示； 只有256种颜色的gif图片不适合作为照片，它适合做对颜色要求不高的图形。

PNG Png是完全支持alpha透明的(透明，半透明，不透明) 不支持 png是一种无损耗的图像格式，这意味着png图片做任何操作也不会使图像质量产生损耗。这也使得png可以作为jpeg编辑的过渡格式; 像GIF一样，png也是水平扫描的，这意味着水平重复颜色比垂直重复颜色的图片更小 它支持间隔渐进显示，但是会使图片大小更大

JPG 不支持 不支持 除了一些如旋转（仅仅是90、180、270度旋转），裁切，从标准类型到先进类型，编辑图片的原数据之外，所有其它对jpeg图像的处理都会使它的质量产生损失。所以我们在编辑过程一般用png作为过渡格式 它支持隔行渐进显示（但是ie浏览器并不支持这个属性，但是ie会在整个图像信息完全到达的时候显示）。 由上可以看出Jpeg是最适web上面的摄影图片和数字照相机中。

综述：

GIF适合图形，JPEG适合照片，PNG系列两种都适合。

PNG相比GIF：

对于相同色值，gif格式图片会比png32格式图片小。但png8才是最优的选择。

PNG 8除了不支持动画外，PNG8有GIF所有的特点，但是比GIF更加具有优势的是它支持alpha透明和更优的压缩。所以，大多数情况下，你都应该用PNG8不是GIF（除了非常小的图片GIF会有更好的压缩外）。

PNG相比JPEG：

JPEG比全色PNG具有更加好的压缩，因此也使得JPEG适合照片，但是编辑JPEG过程中容易造成质量的损失，所以全色PNG适合作为编辑JPEG的过渡格式.

8.什么是css sprite?优缺点？

CSS Sprites(雪碧图）就是把网页中用到的一些背景图片整合到一张图片文件中，利用CSS的“background-image”，“background-repeat”，“background-position”来组合进行背景定位。

优点： 减少网页的http请求，大大提高页面性能。

缺点：在图片合并的时候，你要把多张图片有序的合理的合并成一张图片，还要留好足够的空间，防止板块内出现不必要的背景。修改编辑图片时也相对较为繁琐。

9.制作细线表格？

定义CSS:border-collapse属性，将值设为collapse,合并边框

10.position:relative,absolute,fixed区别与联系？

postion一共有四个可选属性：static|relative|absolute|fixed，默认是static。

一：relative

relative会导致元素自身位置的相对变化，但不会影响其它元素的位置、大小。

二：absolute

①absolute元素脱离文档结构（和float元素类似，float元素也会脱离文档结构）

②absolute元素具有“包裹性”。会使其之前的块级元素的宽度变为内容的宽度。

③absolute元素具有“跟随性”。没有设置top、left的值时，与其前一个元素的top,left值为0。