什么是 daliya_css
daliya_css 是一个基于 SCSS 和 CSS3 的 CSS 框架，旨在提供一套灵活可扩展的 UI 组件和样式定义，并尽可能减少样式的冲突和体积。
daliya_css 提供了一些常用的 UI 组件样式，如按钮、表单、标签等，并提供了一些基础的样式定义，如排版、颜色、行高等。
安装
通过 npm 安装 daliya_css：
npm install daliya_css
使用示例
daliya_css 的使用非常简单，只需要在 HTML 文件中引入 CSS 文件即可：
-- -------------------- ---- ------- --------- ----- ------ ------ ----- ---------------- ------------- --- ------------ ----- ---------------- ----------------------------------------------- ------- ------ ------- ----------------------- --------------- ------- --------------------------- --------------- ------- -------
此时页面上会出现两个按钮，一个是 primary 样式，一个是 secondary 样式，它们都是 daliya_css 提供的样式。
自定义样式
尽管 daliya_css 提供了很多组件和样式，但我们总是需要根据实际情况来进行自定义样式。
daliya_css 的源码是开放的，并且非常易于扩展和修改，我们可以很方便地定制自己的样式。
首先，我们需要创建一个 SCSS 文件，用来覆盖或扩展 daliya_css 的样式。这个 SCSS 文件需要在 daliya_css 的引入之后引入，以保证样式覆盖生效。
例如，我们要在按钮组件中添加一个带图标的按钮，我们可以通过设置伪类来实现：
-- -------------------- ---- -------
--------- -
-------- -
-------- --------------------
------------- -----
-
-
------------ -
------- ----------
----------------- -----
-上述代码中，我们定义了一个 btn-icon 类，表示一个带图标的按钮，然后在 btn-primary 类中引用该类，并设置了背景颜色。
总结
daliya_css 是一个非常实用的 CSS 框架，它提供了一些实用的 UI 组件和基础的样式定义，并且非常易于扩展和修改。如果你需要一个轻量级的 CSS 框架，那么 daliya_css 绝对是一个不错的选择。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056c5181e8991b448e5d20