Pico.css用于语义 HTML 的 CSS 框架

联合创作 · 2023-09-23

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版本,在此版本中headermainfooter充当容器。

如果需要居中的 viewport,请使用.classless默认版本:

<link rel="stylesheet" href="https://unpkg.com/@picocss/pico@latest/css/pico.classless.min.css">
浏览 5
点赞
评论
收藏
分享

手机扫一扫分享

编辑
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑
举报