css的长度单位有那些?

news/2025/1/3 6:14:40/

长度单位用于控制元素大小、宽高、左右边距、字体大小。  css分为:相对单位和绝对单位。下面我就介绍一下我常用的单位。
1、相对单位:
        em:相对于字体大小计算长度单位
        rem:相对于根元素<html>的字体来计算的
        %:相对于父元素来定位的
        vw:相对于浏览器的视口来计算的,视口的宽就是浏览器的宽
        vh:相对于视口的宽度来计算的

2、绝对单位:
        px:是最常用的单位,1px等于1像素
        cm:1cm等于10毫米


http://www.ppmy.cn/news/1559573.html

相关文章

基于JDK 17 编写的Java常用工具类

文章目录 DateUtilsEncryptUtilsFunIdCardCalibrationUtilResultResultCodeValidateNameUtilValidatePhoneUtil 废话少说看源码 DateUtils package com.huihang.core.utils;import java.time.Duration; import java.time.LocalDate; import java.time.LocalDateTime; import j…

「Mac畅玩鸿蒙与硬件49」UI互动应用篇26 - 数字填色游戏

本篇教程将带你实现一个数字填色小游戏&#xff0c;通过简单的交互逻辑&#xff0c;学习如何使用鸿蒙开发组件创建趣味性强的应用。 关键词 UI互动应用数字填色动态交互逻辑判断游戏开发 一、功能说明 数字填色小游戏包含以下功能&#xff1a; 数字选择&#xff1a;用户点击…

uniapp 判断多选、选中取消选中的逻辑处理

一、效果展示 二、代码 1.父组件: :id=“this.id” : 给子组件传递参数【id】 @callParentMethod=“takeIndexFun” :给子组件传递方法,这样可以在子组件直接调用父组件的方法 <view @click="$refs.member.open()"

yunyi

title: 探秘 Yunyi&#xff1a;云计算效能提升的新力量 date: ‘2024-12-30’ category: blog tags: Yunyi云计算性能优化资源管理 sig: CloudNative archives: ‘2024-12’ author:way_back summary: Yunyi 作为云计算领域的新兴项目&#xff0c;以其独特的技术和创新的方法&…

模型选择+过拟合欠拟合

训练误差和泛化误差 训练误差&#xff1a;模型在训练数据上的误差 泛化误差&#xff1a;模型在新数据上的误差 验证数据集&#xff1a;一个用来评估模型好坏的数据集 例如拿出50%的数据作为训练 测试数据集&#xff1a;只能用一次 K则交叉验证 在没有足够数据时使用 算法…

胡闹厨房练习(三)

ScriptableObject 一、初步了解 1、实质:是一种特殊类型的Unity对象, 2、作用:用于存储大量数据,而不必依附于游戏场景中的某个GameObject。 3、特点: 可以在不增加场景中对象数量的情况下,管理和存储复杂的数据结构、配置信息、游戏状态等。 4、适用:非常适合用来…

CLIP论文笔记

论文地址 Learning Transferable Visual Models From Natural Language Supervision 论文思想

前端单位 px、vw、vh 等的区别与使用场景

前端单位 px、vw、vh 等的区别与使用场景 在前端开发中&#xff0c;CSS中的长度单位至关重要&#xff0c;不同单位适用于不同的布局场景。以下是对常见单位的详细解析和使用建议。 1. px&#xff08;像素&#xff09; 概念&#xff1a;px是绝对单位&#xff0c;表示屏幕上的物…