什么是 0.css
0.css 是一款极简的 CSS 库，压缩后仅有 357B，它采用了一些比较新奇的 CSS 实现方式，深度挖掘了 CSS 的用法，让 CSS 更加语义化，同时提供了一些常用的样式，为前端开发者提供了更加高效、易用、优雅的前端开发处理方式。
如何使用 0.css
安装 0.css
由于 0.css 是一个 npm 包，可以使用 npm 或者 yarn 进行安装，也可以直接在 HTML 文件中引入 0.css 的 CDN：
- 使用 npm 安装：
npm i 0.css
- 使用 yarn 安装：
yarn add 0.css
引入 0.css
在 HTML 中引入 0.css，可以通过两种方式：
- 使用
<link>标签引入：
<link rel="stylesheet" href="node_modules/0.css/dist/0.min.css">
- 使用
@import引入：
@import '~0.css/dist/0.min.css';
以上两种方式均可，根据个人习惯选择。
使用 0.css
引入 0.css 后，就可以通过给 HTML 标签添加一些 class 来使用 0.css 的样式。
例如，想让一个按钮变成圆角，只需要添加 .round 就行了：
<button class="round">提交</button>
0.css 也提供了一些其他常用的样式，例如边框、隐藏元素、颜色调整等等。
更加详细的使用方式和样式展示，可以参考官方文档：https://www.npmjs.com/package/0.css
为什么要使用 0.css
相比于传统的 CSS，0.css 更加语义化，样式更加简洁易懂，能够让前端开发更加快捷。
通过阅读 0.css 的源代码，我们不仅能够更加深入地理解 CSS 的实现原理，还能够学到一些新的 CSS 实现方式，提升自己的前端开发技能。
同时，0.css 能够让我们更加注重语义化和可访问性，提高网站的 SEO 等方面。
示例代码
以下是一些示例代码，可以让大家更加了解 0.css 的用法和效果：
-- -------------------- ---- ------- ---- ---- --- ------- ------------------------- ---- ---- --- ------- ------------- ----------- ------------------------ ---- ---- --- -- --------------------------- ---- ---- --- -- ------------------------- ---- ------- ---- ----- --- ---- ---------------------------- ---- ---- --- ---- ----------------- ---- ------------- -------------- ---- ------------- --------------- ------ ---- ---- --- ---- ------------------------- ---- ---- --- -- --------------------------
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600672603660cf7123b36465