CSS基础常识问答（一）

position几个属性的作用？

四个属性：

• relative：相对定位，以自身位置为基准，进行偏移，不脱离标准流，还占原来位置。
• absolute：绝对定位，会随着滚动条滚动。

1. 元素使用绝对定位，脱离标准流，不占原来位置。
2. 如果父盒子都没有定位，位置偏移就以浏览器窗口。
3. 若绝对定位的元素，父元素使用了定位，位置偏移基于离它最近的，使用定位的父元素位置偏移。
4. 绝对定位的元素有了行内快的显示特点：
   4.1:块元素不会默认宽高了，默认宽高为0，内容会撑开宽高。
   4.2:有了行内块元素的显示特点，可以设置宽高了。

• fixed：固定定位，以浏览器窗口为基准，进行偏移，脱离标准流，不占原来位置，不会随着滚动条滚动。
• static：静态定位，不定位，所有元素默认定位方式。

px , em , rem 取用选着依据

• px:
  绝对单位，是显示器屏幕分辨率而言的一个虚拟长度单位。
• em
  相对单位，相对当前对象文本内的字体尺寸。若当前对象文本未设置字体尺寸，则相对于浏览器默认的字体尺寸。它会继承父元素的字体大小，不是一个固定的值。
• rem
  相对单位，c3新增的相对单位，使用rem设置文字大小，还是相对大小，但相对的是HTML的根元素。

区别：IE 无法调整那些使用 px 作为单位的字体大小，而 em 和 rem 可以缩放，rem相对的只是 HTML 根元素。这个单位可谓集相对大小和绝对大小的优点于一身，通过它既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应。目前，除了 IE8 及更早版本外，所有浏览器均已支持 rem。

css引入的方式有哪些？link和@import的区别？reset有什么作用和用途？sprites，如何使用？

引入方式有：
内联，内嵌，外链，导入

link和@import的区别： 都是同时加载
link：无兼容性，支持javascript改变样式
@import：css2.1以下浏览器不支持，不支持JavaScript改变样式。

reset 的作用是重置浏览器css默认样式，浏览器品种不同，样式不同，然后重置，使他们统一。

sprites:精灵图，把一堆小图片整合到一张大的图片（png）上，减少服务器请求数量。