Pico.css 用于语义 HTML 的 CSS 框架开源项目

我要开发同款
匿名用户2021年12月15日
39阅读
开发技术HTML/CSS
所属分类Web应用开发、CSS框架
授权协议MIT

作品详情

pico.css是一个用于 语义HTML的最小CSS框架

Class-light和语义Pico尽可能使用简单的原生HTML标签,Pico中只使用了6个.classes。

只需一个CSS文件即可实现出色样式无依赖项、包管理器、外部文件或JavaScript。

响应一切在所有设备上优雅且一致的自适应间距和排版。

浅色或深色模式附带两个漂亮的颜色主题,可根据用户喜好自动启用。

用法有3种方法可以开始使用pico.css:

手动安装

下载Pico 并链接/css/pico.min.css到网站的<head>

<linkrel="stylesheet"href="css/pico.min.css">从CDN安装

可以使用 unpkgCDN 链接pico.css。

<linkrel="stylesheet"href="https://unpkg.com/@picocss/pico@latest/css/pico.min.css">使用NPM安装

npminstall@picocss/picoclassless版本Pico提供了一个.classless版本,在此版本中header,main和footer充当容器。

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

<linkrel="stylesheet"href="https://unpkg.com/@picocss/pico@latest/css/pico.classless.min.css">
查看全文
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论