温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

Spectre css有什么特点

发布时间:2021-11-12 11:26:03 来源:亿速云 阅读:134 作者:iii 栏目:开发技术

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

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css
AI