语义HTML样式框架
lottecss 是一个面向语义化 HTML 的 CSS 框架，目标是让开发者不写视觉类名、不写 inline style，只通过正确的 HTML 结构获得自动样式。其理念与 Tailwind 这类 utility-first 工具相反：开发者的工作不是组合大量 class，而是选择合适的语义元素，例如 header、nav、main、article、section、aside、footer、form、table、details、figure、blockquote 等。
从正文看，lottecss 通过 npm/yarn 安装，使用 @import "@lottecode/lottecss/styles.css" 引入即可。它覆盖 globals、colors、fonts、typography、layout、navigation、forms、tables、lists、card、accordion、tabs、media、editorial 等模块，基本覆盖内容站、文档页和简单 Web 页面常见元素。它也提供一个 .card 类用于卡片容器，但整体上不鼓励自定义类名或视觉类名。字体方面默认使用 Berkeley Mono，并从 CDN 加载；如果不可用会回退到 monospace，也可以通过 CSS custom properties 覆盖字体族。
正文没有明确说明框架是否收费，也没有提供许可证信息；虽然出现 GitHub 与 npm 链接，但不能据此确认开源授权。需要注意的是，默认字体 Berkeley Mono 页面提示需要购买，若商业项目使用，应进一步核实字体授权、CDN 依赖和可自托管方式。
优点是极易上手、约束明确，能推动语义化 HTML，适合快速搭建风格统一的页面，也减少了大量样式决策。缺点同样来自这种强约束：文档明确不建议覆盖颜色、尺寸、间距等设计细节，因此不适合高度定制的品牌官网或复杂 SaaS 后台。正文也缺少浏览器兼容性、无障碍、主题系统、版本策略和维护支持说明。
它更适合个人网站、技术文档、内容页、原型和小型表单页面；不太适合已有完整设计系统的大型团队。中国访问情况正文未提供，且默认字体依赖 CDN，实际可用性需要测试。可替代方案包括 Pico CSS、MVP.css、Water.css、Sakura、new.css 和 Simple.css。
本测评基于公开资料整理,不构成购买建议,请以 lottecss.com 官网实际信息为准。
轻量CSS框架，适合快速原型。
评分明细(分布与用户短评)接入中。当前展示 TG4G 综合评分,数据源自公开测评与用户反馈。