介绍
primer-subhead
是一个基于 Primer CSS 的样式组件库,用于创建副标题和次级标题。它可以很方便地应用到你的 HTML 页面中,让你快速搭建出美观的页面。
安装
在使用 primer-subhead
前,需要先安装它:
npm install primer-subhead
这将会安装最新版本的 primer-subhead
。
使用
在你的 HTML 页面中引入 primer-subhead
:
<link rel="stylesheet" href="node_modules/primer-subhead/dist/primer-subhead.css">
然后,你可以像下面这样使用它:
<h2 class="subhead">这是一个副标题</h2> <h3 class="subhead">这是一个次级标题</h3>
primer-subhead
提供了两个 CSS 类名:.subhead
和 .subhead--large
,分别用于创建副标题和次级标题,你可以根据自己的需求进行选择。
示例
下面是一个简单的示例代码:
-- -------------------- ---- ------- --------- ----- ------ ------ ----- ---------------- --------------------- ------------ ----- ---------------- ----------------------------------------------------------- ------- ------ --- ---------------------------- --- ----------------------------- ------- -------
总结
通过本文的介绍,你已经了解了如何使用 primer-subhead
,它可以很好地帮助你搭建出美观的页面。如果你还没有使用过它,我强烈建议你尝试一下。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/5f3e7d4ddbf7be33b2567182