哪怕只是给一页内部工具或文档换个像样的样式，也得引入整套框架、给每个元素加 class。对非前端同学尤其劝退：我只想写一段带标题、表格、表单的 HTML，却要为“好看”付出大量样式成本。
Tacit 的答案很直接：引入一个样式表，你的原生语义化 HTML（h1、table、input、button）就自动变整洁——完全不需要写任何 CSS 类。

项目基本信息

信息项详情
项目名称tacit
GitHub地址https://github.com/yegor256/tacit
项目描述无需写任何 CSS 类，让原生 HTML 自动好看的极简 CSS 框架
作者yegor256
开源协议MIT License
开源状态公开
LanguagesSCSS
支持平台Web
最后更新—

一、项目介绍

yegor256/tacit 是一个“给小白用的 CSS 框架”，MIT 协议。它不提供一堆 class 让你套，而是直接为原生 HTML 元素（标题、段落、表格、表单、列表）定义好看的默认样式。你只写语义化 HTML，引入一个 CSS 文件即可得到一套干净、克制的视觉效果，非常适合快速成型与轻量页面。

二、核心优势

  1. 零 class：直接美化原生 HTML，不用记类名。
  2. 单文件：一个 CSS 即可，无构建步骤。
  3. 语义化：基于 HTML 元素默认样式，符合标准。
  4. 轻量克制：风格简洁，不喧宾夺主。
  5. 易覆盖：想自定义时仍可用自己的 CSS 覆盖。

三、适用场景

  • 内部工具、后台小页的极速美化。
  • 文档、说明页、README 预览页。
  • 非前端同学想让 HTML 立刻好看。
  • 只想加一层基础样式、不要框架束缚。

四、安装教程

通过 CDN 引入一个样式表即可：

<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/tacit-css@1.8.0/dist/tacit.min.css'>

也可以通过 npm 安装后本地引。常见报错：引错版本路径会 404，建议锁定具体版本号；若自定义样式不生效，检查是否被 tacit 的更具体选择器覆盖（提高选择器优先级即可）。

五、使用示例

直接写语义化 HTML，无需加任何类：

<h1>我的小工具</h1>
<table>
  <tr><th>名称</th><th>数量</th></tr>
  <tr><td>铅笔</td><td>12</td></tr>
</table>

真实效果：页面加载后，标题、表格、按钮都有统一且整洁的默认样式，你不必写一行 CSS。

六、常见问题

Q：需要写 class 吗？
A：不需要，tacit 直接美化原生 HTML 元素。
Q：能自定义外观吗？
A：可以，在自己的样式表里覆盖对应元素样式即可。
Q：适合正式产品吗？
A：更适合原型、文档与内部页；正式产品通常需要更可控的框架。

七、总结

Tacit 把“让 HTML 自动好看”做到极致：一个样式表、零 class，语义化 HTML 立刻变整洁。它不适合需要精细品牌控制的正式产品，但对原型、文档与内部工具是极低成本的提效方案；MIT 协议、无构建。