阜阳湾古玩邮币卡,前端开发-CSS中单位概述

CSS中的单位基本上分为两种：

1、绝对单位，不会因为其他元素的尺寸变化而变化

2、相对单位，没有一个固定的度量值，而是由其他元素尺寸来决定的相对值

px，像素计算机屏幕上的一个点，这个在桌面端的使用频率很高，比如说设置一个图片的宽度为100px，高度为100px，那么浏览器窗口怎么变化，他的大小还是这么大，绝对单位

pt，这个一般用于字体大小，绝对单位

%，相对父元素的宽度、高度或者字体大小占有的比例，比如说设置宽度为50%，那么这个元素就只占用父元素宽度的一半，这个在响应式的布局中经常使用，相对单位

rem，相对html节点的字体大小，移动端的响应式布局框架基本上都是基于它，比如设置html的font-size为10px，这个时候给图片宽度设置为10rem，那么这个图片的宽度实际为100px，这个比较在移动端比较实用，我们可以根据用户的手机宽度去动态设置html的font-size大小，这样无论用户是用什么样的手机，都能保证页面布局不会错乱，相对单位

em，相对父元素的字体大小，这个在设置段落的缩进很好用，一般设置段落缩进两个文字text-indent:2em就可以了，相对单位

vm，相对视口的宽度1vm表示视口的1%宽度，相对单位

vh，相对视口的高度1vh表示视口的1%高度，相对单位