CSS基础
一、5个常用的 CSS 单位
px,和当前操作系统视窗分辨率有关
em,和父级元素的字体大小有关,即父级元素的字体大小的x倍的意思,如果父级元素没有设置,一直找到html顶级元素为止
rem,是 html 字体大小的倍数,与父级元素无关
vh/vw,和浏览器当前尺寸有关,即浏览器当前长宽的百分比
vmin/vmax,和设备当前分辨率有关,v 的意思同 vh/vw,即百分比百分比,和父级元素的 size 有关,而 vh/vw 是同浏览器的 size 有关,二者均为百分比只不过参考不同
二、Block, Inline 与 Inline-Block
Block 父级大小
**Inline **内容所定
Inline-Block 内容块与其他之间的上下距离
三、position(绝对定位)
static(默认)
正常的布局行为,即元素在文档常规流中当前的布局位置。此时 top, right, bottom, left 和 z-index 属性无效。
relative
在原本的位置上移动
(比 static 多具备 top, right, bott ...





