Spectrecss有什么特点-创新互联

这篇文章主要介绍“Spectre css有什么特点”，在日常操作中，相信很多人在Spectre css有什么特点问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”Spectre css有什么特点”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

Spectre.css是一个轻量级，响应式和现代的CSS框架。Spectre.css完全可以使用。如果你喜欢，请考虑通过贝宝捐赠来进行进一步开发。

Spectre.css特点

•你的项目的轻量级(~10KB压缩)起始点

•基于flexbox，响应式和移动友好的布局

•优雅设计和开发的元素和组件

ghost是基于多年的大型web服务项目的CSS开发工作的侧面项目。ghost只包括现代基础样式。响应布局系统。CSS组件和实用程序，并且可以通过sass/scss编译器对它的进行修改。

Spectre.css使用

有5种方法可以在你的项目中开始使用Spectre框架。你可以手动安装或者使用NPM。纱线和Bower。

手动安装

下载编译和缩小幽灵的CSS文件。在你的网站或者网页应用<>部分中包含spectre.css位于/docs/dist中。

从CDN安装

或者，你可以使用unpkg或者cdnjs来加载编译Spectre.css.

使用NPM安装

$npminstallspectre.css--save

用纱线安装

$yarnaddspectre.css

Bower安装

$bowerinstallspectre.css--save

编译自定义版本

你可以编译你的定制版本的Spectre.css.读文档。

文档和示例

元素

•字体

•表

•按钮

•窗体

•图标-仅适用于CSS

•标签

•代码

•媒体

布局

•Flexbox网格

•响应

•导航栏

组件

•手风琴

•头像

•徽章

•Breadcrumbs

•条

•卡

•芯片

•空状态

•菜单

•Navs

•模

•分页

•面板

•Popovers

•步骤

•选项卡

•瓦片

•Toasts

•工具提示

命令行实用程序

•实用程序-颜色，显示，分隔符，加载，位置，形状和文字实用程序

Experimentals

•自动完成功能

•日历

•转盘-仅CSS

•比较滑块仅适用于CSS

•仅适用于过滤器

•米

•关闭画布仅适用于CSS

•视差图仅适用于CSS

•进度表

•滑块

•时间线

到此，关于“Spectre css有什么特点”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注创新互联网站，小编会继续努力为大家带来更多实用的文章！