前端面试题(一）

1.网络中使用最多的图片格式有哪些？

JPEG、GIF、PNG。

1. 最流行的是JPEG（联合图像专家组），是用于连续色调静态压缩的一种标准，文件后缀名为.jpg或.jpeg，是最常用的文件格式。可以将图片压缩到最小，在ps中，JPEG文件存储时，提供11级的压缩级别。优点：支持极高的压缩率、文件尺寸较小、下载速度较快、能够轻松处理16.8M颜色，再现全彩色的图像；缺点：并非所有的浏览器都支持将各种JPEG图像插入网页，压缩时可能使文件的品质受损。
2. GIF（图形交换格式），用于以超文本标志语言方式显示索引彩色图像。
3. PNG是一种采用无损压缩算法的位图格式，一般应用于JAVA程序、网页或S60程序中，原因是它压缩比高，生成文件体积小。
   拓展：色调分为连续色调和离散色调。离散色调图像能表现的色调则相对少一些，类似喷墨类型打印机；连续色调图像（如照片或数字绘画）是最常用大的电子媒介，能有效地表现出物体的阴影和颜色的细微层次。

2.请简述盒子模型。

盒子模型是css技术所使用的一种思维模型，是指将网页设计页面中的内容元素看成一个个矩形盒子。
模式：W3C标准盒模型和IE怪异盒模型。
组成：（标准：内容+内边距+外边距+边框）。（怪异：内容（内边距、边框）+外边距）
解释：标准盒模型下，宽度指的是内容的宽度，怪异盒模型下，宽度指的是内容+内边距+边框的宽度。
总结：标准盒模型增加了padding属性或者增加border的宽度，盒子会变大；怪异盒模型增加了padding或者border的宽度，盒子大小不会变化。
拓展：

1. DOCTYPE标签（用来告诉浏览器使用标准盒模型）；
2. 实体化三属性是指给标记划分区域，通过设置宽、高、背景色三个属性，让标记形态化，成为一个盒子。