CSS浏览器属性前缀及CSS常用单位

CSS浏览器属性前缀及CSS常用单位

一、常用浏览器前缀

-ms-：IE浏览器私有属性

——Trident（MSHTML）内核：由微软开发的排版引擎。

-moz-： 火狐浏览器私有属性

——Gecko内核，moz代表的是Firefox的开发商Mozilla。开源内核，代码完全公开，可开发程度很高。

-webkit-:苹果、微软和谷歌浏览器前私有属性

——Webkit内核：开源内核。Chrome内核原型，是苹果公司自己的内核。

-o-：欧朋（Opera）浏览器私有属性

——Presto内核（已废弃）：Opera前内核，在2003年的Opera中首次被使用至Opera12.17前

——Blink内核：是一个由Google和Opera Software开发的浏览器排版引擎，在Chrome（28及以后版本）、Opera（15及以后版本）和Yandex浏览器中使用。

使用私有前缀的原因：

在标准还未确定时，部分浏览器已经根据最初草案实现了部分功能，为了与之后确定下来的标准进行兼容，所以每种浏览器使用了自己的私有前缀与标准进行区分，当标准确立后，各大浏览器将逐步支持不带前缀的CSS3新属性。

目前已有很多私有前缀可以不写了，但为了兼容老版本的浏览器，可以仍沿用私有前缀和标准方法，逐渐过渡。

二、CSS常用单位

CSS常用单位分为三类：

绝对长度单位、相对长度单位、百分比单位

常用单位如下：

in：英寸

px：像素点，相对长度单位（相对于计算机屏幕的分辨率）

cm：厘米

mm：毫米

pt：磅

1pt=1/72in

em：相对长度单位（相对于当前对象内文本的字体尺寸大小）

12px=0.75em

10px=0.625em

%：当度量单位设置为百分比时，即可使浏览器组件宽高随着浏览器的大小相应变化。

vh: 相对于视窗的高度，1vh等于视窗高度的1%。

vw: 相对于视窗的宽度，1vw等于视窗宽度的1%。

vmin: vw和vh中的较小值。

vmax: vw和vh中的较大值。