一些开发人员更喜欢详细的UI库,例如Bootstrap ,因为它具有功能丰富的样式。 但是,有许多较小CSS库是为实现微妙的设计美感和自定义而制作的 。
如果您正在寻找一个小型而时尚CSS库,我建议您使用Picnic CSS 。 它是完全免费的,开源的,并且无需进行大量编辑即可使用简单而优雅的样式使您的页面更加生动。
默认情况下 ,所有本机HTML元素均已重新设置样式 ,因此您甚至无需依赖类。 只需将Picnic样式表添加到您的网页并刷新即可。 您会注意到所有表单,按钮和印刷元素都焕然一新。
但是,当然,该库确实支持模块化设计以及用于自定义所有内容的选项。 所有这些都是用Sass编写的 ,因此您确实需要成为Sass开发人员才能完成代码。
您可以访问所有用于样式和着色页面元素的默认排版,类,网格系统和变量。
Picnic CSS的体积也小得令人难以置信,缩小后的尺寸仅为10KB 。 这大约是1/10引导的,它仍然拥有所有你所期望的自定义UI框架的魅力。
由于这是一个小型库,因此没有任何动态功能 。 但是,您可以在测试页上看到示例,其中包括按钮,标题,卡片,输入,选项卡和其他类似元素。
某些动态元素(例如模式和选项卡)可与纯CSS一起使用 。 因此,您也可以通过完全忽略JavaScript来构建兼容的网站。 太酷了!
我确实认为默认的Picnic风格有些淡淡,所以可以使用一些修饰。 但是,总的来说,我很喜欢这个库,它是用右脚开始新项目的最简单方法之一。
首先,请访问Picnic CSS GitHub页面 下载副本并查看一些示例 。 您也可以浏览在线文档,以了解每个元素的工作方式以及使它们全部运行所需的条件。
Picnic甚至可以在CDN上使用 ,因此您甚至不需要本地下载文件即可上手。