这篇文章主要介绍“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中。
<linkrel="stylesheet"href="spectre.min.css">
从CDN安装
或者,你可以使用unpkg或者cdnjs来加载编译Spectre.css.
<linkrel="stylesheet"href
使用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有什么特点”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注亿速云网站,小编会继续努力为大家带来更多实用的文章!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。