css3中文参考手册,10px是什么意思

vh/vwvh:相对于窗口高度，窗口均划分为100个vh单位； 相对于vw:的窗口宽度，所有窗口被划分为100个vw单位； **vmax**:相对于窗口的宽度或高度中较大的一个。 其中最大的都分为100个单位的vmax； **vmin**:相对于窗口宽度或高度中较小的一个。 其中最小的都分为100个单位的vmin； 视口是浏览器内部的可视区域大小，* * window.inner width/window.innerheight * *，不包括任务栏标题栏和底部工具栏的浏览器区域大小。 calccalc是英语calculate“计算”的缩写，是css3的新功能，用于指定元素的长度。 例如，要为元素的border、margin、pading、font-size和width等属性设置动态值，请使用calc ()。 为什么是动态值呢？ 从我们使用的公式中得到的值。 但是calc ) )的最大优点是用于流体布局，可以通过calc ) )计算得到元素的宽度。 calc是在css3提供的css文件中计算值的函数，用于动态计算长度值。 需要注意的是，必须在运算符前后留下空格。 例如，width:calc(100%-10px )； 长度值可以使用calc (函数计算。 **calc(**函数支持“()”、“-”、“()”和“/”运算； **calc(**函数使用标准数学运算优先级规则； *calc(100VH-10px ) *表示整个浏览器窗口的高度减去10px后的大小*calc(100VH-10px ) **表示整个浏览器窗口的宽度减去10px后的大小，一般为* * x 当然，可以使用calc )为元素的border、margin、pading、font-size和width等属性设置动态值。 em在手机端常用字体的尺寸单位说得很清楚，em相当于“倍”。 例如，如果将当前div的字体大小设置为1.5em，则当前div的字体大小为1.5 em。2.rem其中r是根节点的缩放比例；如果是嵌套关系，则是嵌套关系元素的参照后来给你的demo3.vhvh，是现在画面可视高度的1%。 即，height :100 VH==height 3360100 %； 但是，如果元素没有内容，则设置height:100%不会扩展元素，但设置height:100vh会使屏幕高度保持不变。 4.vwvw是当前屏幕宽度的1%。 如果设置width:100%，则所设置的元素宽度将根据父元素的宽度设置，而100vw是针对屏幕的可见宽度设置的，因此50vw可能大于50%