css相关

一、单位

css可用单位可分为绝对单位和相对单位。

1.1---绝对单位

绝对单位：px，pt，pc，cm，mm，in；

css中的绝对单位大小固定，显示效果不受到外界因素影响，但这种单位多不适用于前端开发，因为现在的web页面显示设备尺寸五花八门。

绝对单位，前端常用的是px，其它的绝对单位基本用不到。

px：像素，全称pixel，指的是一张图片中最小的点，或者是计算机屏幕中最小的点。（比如一台计算机的分辨率是800px × 600px，指的就是”计算机显示屏宽800个小方点，高是600个小方点，严格来说，px是属于相对单位，因为屏幕分辨率的不同，1px的大小也是不同的。如果不考虑屏幕分辨率，我们也可以把它当做绝对单位来看待。）；

pt：磅(point)，印刷的点数；

pc：pica，1pc=12pt；

cm：厘米；

mm：毫米；

in：英尺；

1.2---相对单位

相对单位：%，em，rem，vw，vh，vmin，vmax，ch，ex；

目前常用的相对单位：%、em、rem、vw、vh。

%：百分比是相对于父元素”相同属性“的值来计算的（多用于width、height、font-size）；

em：1em等于“当前元素”字体的大小（继承离自己最近的上层级字体大小，如果当前元素的所有祖先元素都没有定义font-size，当前元素会继承浏览器默认的font-size。其中，所有浏览器默认的font-size值都是16px）；

rem：全称font-size of the root element，1rem等于“根元素“字体的大小（rem是CSS3新引入的单位，目前除了IE8以及以前的版本之外，大部分主流浏览器都是支持rem的）；

vw：viewpoint width，视窗宽度，1vw=视窗宽度的1%；

vh：viewpoint height，视窗高度，1vh=视窗高度的1%；

vmin：vw和vh中较小的那个；

vmax：vw和vh中较大的那个；

ch：数字 0 的宽度；

ex：英文字母小 x 的高度；