简介
@joshforisha/style 是一个优秀的前端 CSS 样式库，使用方便，样式丰富。本文将详细介绍该样式库的使用方法和相关技巧。
安装和引用 @joshforisha/style
使用 npm 安装该样式库非常简单，只需在控制台中输入以下命令：
npm install @joshforisha/style
安装完毕后，在 HTML 中引入该样式库：
<link rel="stylesheet" type="text/css" href="node_modules/@joshforisha/style/dist/style.min.css">
效果展示
样式库提供了多种类、多种样式的组件，下面展示其中部分效果。
标题
样式库提供了多级标题样式：
<h1 class="title">标题</h1> <h2 class="subtitle">副标题</h2>
按钮
样式库提供了多种样式的按钮。以下是其中一种样式的示例代码：
<button class="button is-primary">按钮</button>
卡片
样式库提供了多种样式的卡片。以下是其中一种样式的示例代码：
-- -------------------- ---- -------
---- -------------
---- -------------------
------- ------------ ---------
---- --------------- ---------
---------
------
---- ---------------------
---- ----------------
--- ------------ ---------------
-----------
------
------
------总结
@joshforisha/style 是一个优秀的前端 CSS 样式库，使用方便，样式丰富。本文介绍了该样式库的安装、引用和常见样式的使用方法。希望对前端开发者有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bc4967216659e244356