一、常用浏览器前缀
-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中的较大值。