css的长度单位有那些?

长度单位用于控制元素大小、宽高、左右边距、字体大小。 css分为:相对单位和绝对单位。下面我就介绍一下我常用的单位。

1、相对单位:

em:相对于字体大小计算长度单位

rem:相对于根元素<html>的字体来计算的

%:相对于父元素来定位的

vw:相对于浏览器的视口来计算的,视口的宽就是浏览器的宽

vh:相对于视口的宽度来计算的

2、绝对单位:

px:是最常用的单位,1px等于1像素

cm:1cm等于10毫米

相关推荐
KLW753 分钟前
Tailwind CSS 使用简介
前端·css
@ 前端小白1 小时前
封装倒计时自定义react hook
前端·javascript·react.js
_deep_1 小时前
flex布局中 -item -content -self的区别
前端·flexbox
咔咔库奇1 小时前
【react】Redux的设计思想与工作原理
前端·react.js·前端框架
码农君莫笑1 小时前
在 Blazor 和 ASP.NET Core 中使用依赖注入和Scoped 服务实现数据共享方法详解
前端·后端·c#·.netcore·visual studio
Catherinemin1 小时前
HTML5新特性|05 CSS3边框&CSS3背景
前端·css3
JINGWHALE11 小时前
设计模式 结构型 装饰器模式(Decorator Pattern)与 常见技术框架应用 解析
前端·人工智能·后端·设计模式·性能优化·系统架构·装饰器模式
李是啥也不会1 小时前
番外篇-CSS3新增特性
前端·css·css3
16年上任的CTO2 小时前
一文大白话讲清楚CSS性能优化
前端·javascript·css·性能优化·css性能优化
jjw_zyfx2 小时前
vue3 css实现文字输出带光标显示,文字输出完毕,光标消失的效果
前端·javascript·css