CSS笔记

一.

01.css常用单位

在CSS中，单位分为相对单位和绝对单位两种：

相对单位：元素大小参照另一个对象的大小来决定

绝对单位：元素大小是所设定的固定的绝对值

相对单位：

em: em是一个相对单位，它有两个特点

1：em的参照对象是其父元素的font-size，1em等于其父元素的font-size一倍

2：em的具体值会出现嵌套计算的现象

vw和vh：

vw参照对象是浏览器窗口，假设浏览器窗口为1000px，则 1vw = 浏览器窗口的1% = 10px ，vw是动态的会随着浏览器窗口的大小的变化而动态计算宽度值 

vh参照的对象是浏览器窗口，假设浏览器高度为1000px，则1vh = 浏览器窗口高度的1% = 10px,vw是动态的会随着浏览器窗口的大小的变化而动态计算高度值

vmax和vmin：

vmax和vmin也是和浏览器窗口大小有关的单位，与vw和vh不同的是，vmax和vmin与当前的浏览器窗口宽度和高度的最大值和最小值相关。

vmax（View max）：浏览器窗口的宽度或高度中较大的值

vmin(View min)：浏览器窗口的宽度或高度中较小的值

假设浏览器窗口高度为800px、宽度为1200px，那么1vmax = 12px，1vmin = 8px

绝对单位：

px（pixel），像素是CSS中使用频率最高的单位，也是比较复杂的单位。

02.flex布局

选择样式的不同则图像的布局不同

03.元素定位

通过定位属性position可以实现元素的定准定位

        fixed:固定定位

        relative:相对定位，相当于上一个已经定位的父元素进行定位

        static:静态定位。(默认定位方式)

        上(top) 、下(bottom)、左(left)、右(right)