Pico.css用于语义 HTML 的 CSS 框架
pico.css 是一个用于 语义 HTML 的最小 CSS 框架
Class-light 和语义
Pico 尽可能使用简单的原生 HTML 标签,Pico 中只使用了 6 个 .classes。
只需一个 CSS 文件即可实现出色样式
无依赖项、包管理器、外部文件或 JavaScript。
响应一切
在所有设备上优雅且一致的自适应间距和排版。
浅色或深色模式
附带两个漂亮的颜色主题,可根据用户喜好自动启用。
用法
有 3 种方法可以开始使用 pico.css:
手动安装
下载 Pico 并链接/css/pico.min.css
到网站的<head>
<link rel="stylesheet" href="css/pico.min.css">
从 CDN 安装
可以使用 unpkg CDN 链接 pico.css。
<link rel="stylesheet" href="https://unpkg.com/@picocss/pico@latest/css/pico.min.css">
使用 NPM 安装
npm install @picocss/pico
classless 版本
Pico 提供了一个.classless
版本,在此版本中header
,main
和footer
充当容器。
如果需要居中的 viewport,请使用.classless
默认版本:
<link rel="stylesheet" href="https://unpkg.com/@picocss/pico@latest/css/pico.classless.min.css">
评论