一句话A CSS framework that automatically styles semantic HTML without visual utility classes or inline styles.
定价免费/开源信息未明 正文未提及收费;提供 yarn/npm 安装方式。默认字体 Berkeley Mono 需另行购买,但框架是否收费未说明。
适合谁偏好语义化 HTML、希望减少手写 CSS 与视觉类名的小型网站、文档站、内容站开发者
核心功能自动为语义化 HTML 元素提供样式无需视觉类名和 inline styles通过 npm/yarn 安装并 import CSS覆盖排版、布局、导航、表单、表格、列表、卡片、媒体、details/summary 等模块使用 CSS custom properties 覆盖字体默认从 CDN 加载 Berkeley Mono,失败时回退 monospace
功能与用途lottecss 是一个自动为语义化 HTML 提供样式的 CSS framework。其核心规则是“不要自己写样式”,开发者只需编写正确的 header、nav、main、article、section、aside、footer、form、table、details、figure、blockquote 等语义元素,框架负责视觉表现。
支持语言/框架面向 HTML/CSS 使用;正文未提及特定前端框架支持。安装方式为 yarn add @lottecode/lottecss,并通过 @import "@lottecode/lottecss/styles.css" 引入。
开源还是闭源正文提供 GitHub 链接,但未明确许可证或是否开源。
自托管选项CSS 包可通过 npm/yarn 安装到项目中使用;默认 Berkeley Mono 字体从 CDN 加载。是否支持完整自托管字体或资源未明确说明。
定价未提及框架收费信息。默认使用的 Berkeley Mono 字体页面提示 Buy Berkeley Mono,字体可能需要单独购买。
API/SDK无传统 API/SDK;主要交付形式是 CSS 包与模块化样式文件,如 globals.css、colors.css、typography.css、layout.css、forms.css、tables.css 等。
集成与生态提供 npm/yarn 安装,正文包含 npm 与 GitHub 链接。未提及 Vite、React、Vue、Svelte、Next.js 等框架集成。
文档质量正文给出了核心规则、正确/错误用法、示例 HTML、模块覆盖范围和字体覆盖方式,入门清晰;但缺少许可证、版本、浏览器兼容性、主题定制、可访问性、生产部署和故障排查等更完整文档信息。
中国访问未知
适用场景快速搭建语义化内容页、个人网站、文档页、原型页面、表单与表格较简单的网站
同类Pico CSS、MVP.css、Water.css、Sakura、new.css、Simple.css