01.CSS 单位速查表 & 自定义引用标记 & 重置所有样式

CSS 单位速查表

在 Web 开发中,选择正确的 CSS 单位对于创建响应式灵活的布局至关重要。不同的单位适用于不同的场景,了解它们的特性可以帮助你更精确地控制页面元素的大小和位置。以下是常用 CSS 单位的详细说明:

CSS 单位速查表
* `px`: 绝对像素值
* `rem`: 相对于根元素的 `font-size`
* `em`: 相对于元素自身的 `font-size`
* `%`: 相对于父元素
* `vw`: 相对于视口宽度,`1vw` = 视口宽度的 1%
* `vh`: 相对于视口高度,`1vh` = 视口高度的 1%
* `vmin`: 相对于视口的较小尺寸,`1vmin` = min(`1vh`, `1vw`)
* `vmax`: 相对于视口的较大尺寸,`1vmax` = max(`1vh`, `1vw`)
* `ch`: 相对于元素字体的 "0" 字形宽度
* `in`: 英寸,`1in` = `2.54cm` = `96px`
* `pc`: 派卡,`1pc` = `1in` / `6` = `16px`
* `pt`: 点,`1pt` = `1in` / `72` ≈ `1.333px`(近似值)
* &

相关推荐

  1. reset.css样式

    2024-07-19 04:16:04       54 阅读
  2. css去掉input,textarea默认样式定义样式

    2024-07-19 04:16:04       60 阅读
  3. Git

    2024-07-19 04:16:04       45 阅读
  4. tcpdump

    2024-07-19 04:16:04       32 阅读
  5. Vue定义组件中使用CSS变量设置样式

    2024-07-19 04:16:04       40 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-19 04:16:04       67 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-19 04:16:04       72 阅读
  3. 在Django里面运行非项目文件

    2024-07-19 04:16:04       58 阅读
  4. Python语言-面向对象

    2024-07-19 04:16:04       69 阅读

热门阅读

  1. 前端常用工具库

    2024-07-19 04:16:04       20 阅读
  2. 智能灯光的工作原理

    2024-07-19 04:16:04       20 阅读
  3. 安全防御:防火墙基本模块

    2024-07-19 04:16:04       21 阅读
  4. Qt区分鼠标按下时移动的是哪个多边形

    2024-07-19 04:16:04       19 阅读
  5. Unlink

    Unlink

    2024-07-19 04:16:04      20 阅读
  6. 扩展你的App:Xcode中App Extensions的深度指南

    2024-07-19 04:16:04       26 阅读
  7. 计算机算法思想

    2024-07-19 04:16:04       13 阅读
  8. ApplicationRunner applicationRunner 是什么?

    2024-07-19 04:16:04       19 阅读
  9. 介绍threadlocal

    2024-07-19 04:16:04       18 阅读
  10. cpu100%排查

    2024-07-19 04:16:04       19 阅读
  11. 黑龙江等保2.0新规

    2024-07-19 04:16:04       25 阅读
  12. 一个菜鸟如何在苹果笔记本上学C语言

    2024-07-19 04:16:04       25 阅读