常见重要属性或名词区分点

1、Link和Import的区别

• link属于xhtml标签，而@import是css提供的方式。
• 加载顺序：加载页面时，link引用的css同时被加载，而@import引用的css等到页面被下载完再被加载。
• 兼容性区别，主要针对IE浏览器：@import有兼容问题，link没有兼容问题。
• dom控制样式的差别。

2、post 和 get 的区别

• get 是从服务器上获取数据，post 是向服务器传送数据。

• get 是吧参数数据队列加到提交表单的 action 属性所致的URL中，在URL中可以看到。而 post 是通过 HTTP post 机制，用户看不到这个过程。

• get 传送的数据量较小，不能大于2KB 。post 传送的数据量大，一般被默认为不受限制。

• get 安全性非常低，post 安全性非常高。但是执行效率 get 却比 post 好。

3、定位（position）

relative（相对定位）

• 定义：相对定位是相对于自己原来的位置进行移动
• 特点：
  a.相对定位不脱离文档流
  b.相对定位占位置（空间）
  c.相对定位区分元素类型
• 作用：对元素进行微调，配合绝对定位

absolute（绝对定位）

• 定义：相对于祖先元素进行定位，如果父元素是定位流，就相对于父元素进行定位，如果父元素没有定位往上级找定位流，找不到默认以body进行定位
• 特点：
  a.绝对定位脱离文档流
  b.绝对定位不占位置（空间）
  c.绝对定位不区分元素类型

fixed（固定定位）

• 定义：可以让某个盒子不随着滚动条的滚动而滚动
• 特点：
  a.固定定位脱离文档流
  b.固定定位不占位置（空间）
  c.固定定位不区分元素类型

4、图片格式

• JPG：有损压缩格式，靠损失图片的质量来减小图片的体积，适用于颜色丰富的图像（是由像素点组成的，像素点越多图像越清晰）。
• GIF：有损压缩格式，靠损失图片的色彩数量来减小图片的体积，支持透明，支持动画，适用于颜色较少的图像。
• PNG有损压缩格式，靠损失图片的色彩数量来减小图片的体积，支持透明不支持动画，是 fireworks的源文件格式，适用于颜色数量较少的图像。

5、渐进增强和优雅降级

• 渐进增强：一开始就针对低版本浏览器进行构建页面，完成基本的功能，然后在针对高级浏览器进行效果、交互、追加功能达到更好的用户体验。
• 优雅降级：一开始就构建站点的完整功能，然后针对低版本浏览器进行兼容。