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有什么特点”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联网站,小编会继续努力为大家带来更多实用的文章!


本文题目:Spectrecss有什么特点-创新互联
本文链接:http://hbruida.cn/article/dhsgdd.html