基础

Preflight 重置样式

轻量 reset：统一 box-sizing、字体、媒体元素与表单继承。

作用说明

引入 pivcss.css 即包含 preflight，无需单独文件。组件类建立在一致的浏览器基线之上。

段落 margin 由组件/工具类控制；链接默认主色。

<div class="pvs-border pvs-p-4">
  <p class="pvs-m-0">段落 margin 由组件/工具类控制；链接默认 <a href="#">主色</a>。</p>
  <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='40'%3E%3Crect fill='%23e2e8f0' width='100%25' height='100%25'/%3E%3C/svg%3E" alt="" style="margin-top:0.75rem" />
</div>

关键规则

类名	说明
`box-sizing: border-box`	全局 *
`body margin: 0`	去默认外边距
`img/video max-width: 100%`	响应式媒体
`button/input font: inherit`	表单继承字体
`prefers-reduced-motion`	减少动画（无障碍）

类名速查

类	样式
`base/_preflight.scss`	源码 SSOT
与组件关系	先 preflight，再 layout / 组件类

响应式前缀见布局 · 响应式。