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`（近似值） * `cm`: 厘米，` ………………………………