0
点赞
收藏
分享

微信扫一扫

css世界第二章

凌得涂 2022-03-30 阅读 77
css

长度单位

css里面有值的概念,值可以为整数,数值,颜色值(十六进制),百分比

同时css还有一个常用的内容,叫描述长度的概念。有时候我们使用px有时候使用%,vh这类单位。

值是一个包含了长度单位的集合,但在我看来百分比还有vh这类并不是长度单位,他们是一群基于了绝对长度单位又进行了一次定义(或者说是计算)

绝对长度单位:px,css作者说就这个实用性强,同时我们就把他当做描述所有相对长度单位的基础
在这里插入图片描述

相对长度单位:
在这里插入图片描述
挑出几个常用的值:

  1. em,相对于font-size的值,计算方式font-sizex(em的值),假设我们font-size的值也是一个em的话,我们又得重新计算出绝对长度单位,MDN给出的说明是在inherit值基础上进行计算也就是font-size=inheritx(em值)
  2. Rem,和em差不多,rem这个单位代表根元素(通常为 元素)的 font-size 大小。当用在根元素的 font-size 上面时 ,它代表了它的初始值。
  3. vh相对于初始视口的高度
  4. vw 相对于初始视口的宽度

功能符

CSS引入了一些像函数一样的内容,举几个例子来说明

1.calc()
允许值做一些简单的计算(四则运算)同时还定义了一些要求
在这里插入图片描述
2.表示颜色的hsla,rgba

3.var() 使用自定义的变量

举报

相关推荐

02前端第二章css

第二章 前端开发基础CSS

02_第二章 HTML&CSS

TypeScript 第二章

第二章 翻译

第二章 资产

第二章 IDLE

0 条评论