📜  Pure.CSS-有用的资源(1)

📅  最后修改于: 2023-12-03 15:18:43.813000             🧑  作者: Mango

Pure.CSS-有用的资源

Pure.CSS是一个轻量级的CSS框架,由雅虎开发,专注于简单且高效的页面开发。下面是一些有用的Pure.CSS资源供程序员使用。

官方文档

Pure.CSS的官方文档非常清晰、易于理解,可以在官网上获取。Pure.CSS官方文档

CDNs

Pure.CSS可以使用CDN加载,这是一个非常方便的方式。只需要在HTML中添加以下代码即可:

<!-- CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/purecss@2.0.3/pure-min.css">
<!-- JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/purecss@2.0.3/pure-min.js"></script>
CSS资源
Pure.CSS扩展

Pure.CSS有不少非官方的扩展可以使用,例如,需要Pure.CSS的表格支持hover样式,可以使用pikock表格扩展(pikock表格扩展)。

Pure.CSS icon

Pure.CSS的官方icon非常有用,它包含了很多常用的icon,下载地址以及相关说明可以在官网上获取。Pure.CSS的官方icon

预定义的CSS类

Pure.CSS在开发过程中提供了很多有用的预定义CSS类,包括:

  • 水平居中:center
  • 没有边距:no-margin
  • 没有内边距:no-padding
  • 非常小的间距:tiny
  • 小的间距:small
  • 中等间距:medium
  • 大间距:large
  • 非常大的间距:huge

更多的预定义CSS类可以在官方文档的“预定义CSS类”部分中找到。

工具和库
Pure.CSS Generator

Pure.CSS Generator是一个帮助您创建定制的Pure.CSS框架的在线工具。Pure.CSS Generator

Water

Water是一个为纯CSS表格开发设计的UI库。它具有非常灵活的模块性,可以在不同的项目中使用。Water library

PureCSS Snippets for VS Code

PureCSS Snippets是一个基于Visual Studio Code的在线工具,它为Pure.CSS提供了很多代码片段,帮助您快速创建页面。Pure.CSS Snippets for VS Code

总结

Pure.CSS是一个简单、功能强大的CSS框架,适用于开发同时强调实用性和美观性的页面。还有很多Pure.CSS资源可以用来创建自定义网页,这里给大家推荐了一些有用的资源,供大家使用和参考。