介绍
core.css 是一个基础 CSS 库，提供了许多常用的样式和工具类。通过 npm 安装后，可以轻松引入到我们的项目中，避免了自己写基础样式的繁琐工作。
安装
使用 npm 安装 core.css：
npm install core.css
引入
在需要使用 core.css 的地方，将它引入到你的 HTML 文件中：
<link rel="stylesheet" href="./node_modules/core.css/dist/core.min.css">
如果你的项目支持 ES6 模块，也可以使用以下方式引入：
import 'core.css';
样式示例
core.css 提供了许多常用的样式和工具类。下面是一些常见场景下的引用示例：
文字排版
<p class="text-center">这是居中对齐的文字</p> <p class="text-ellipsis">这段文字超过一行时就会显示省略号</p> <h1 class="font-bold">这是加粗的标题</h1>
布局
<div class="container"> <div class="row"> <div class="col-6">左侧内容</div> <div class="col-6">右侧内容</div> </div> </div>
表单
-- -------------------- ---- ------- ------ ---- ------------------- ------ -------------------------- ------ ----------- ------------- --------------------- ------ ---- ------------------- ------ ------------------------- ------ --------------- ------------- --------------------- ------ ------- ------------- ---------- ------------------------ -------展开代码
总结
core.css 提供了许多常用的样式和工具类，可以大大减少我们编写基础 CSS 的时间。通过本文介绍的方式安装和引入 core.css，并结合示例代码，可以轻松上手使用这个库。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/37885
