标签 CSS 下的文章
Library bulma 基于Flexbox的纯CSS响应式框架无需JS
一、项目介绍 前端项目里，很多人对框架的第一反应是又要引一堆 JavaScript、又要配构建、还要担心运行时体积。但有不少后台、落地页、内部系统，其实只需要一套好用、好看、能直接上手栅格和组件的 CSS，并不想为样式背负一个 JS 运行时。 Bulma 就是为这种需求而生的纯 CSS 框架。它完全基于 Flexbox，零 JavaScript 依赖，引入一个 CSS 文件就能用上响应式栅格、表单、按钮、卡片、导航等组件。你写的还是原生 HTML 类名，框架不介入你的逻辑层，...
Framework tailwindcss 原子化CSS实用类前端框架
写 CSS 常陷入两难：用组件库被样式绑死，写原生又满屏 class、难以维护。Tailwind CSS 用「原子化实用类」破局——你直接在 HTML 里组合 flex、p-4、text-xl，不用离开标记就能完成 90% 的样式，构建时又自动摇树、只留用到的类。它改变了很多人写前端的习惯，是当前增长最快的 CSS 框架。 对想保留完全控制权、又不愿被散乱 CSS 淹没的团队，Tailwind 的价值是「约束即一致」：一套设计令牌内置在工具类里，样式写在哪里、长什么样都看得见...
Framework bootstrap 最流行的前端响应式CSS框架
做前端，最基础也最绕不开的是「布局、栅格、组件、响应式」——从零写一套稳定又好看的，工作量惊人。Bootstrap 把这套东西做成了行业事实标准：栅格、表单、按钮、导航、工具类一应俱全，移动优先、响应式开箱即用。十几年来它哺育了无数后台、官网与原型，是「先用起来再说」最快的前端起点。 虽然新框架层出不穷，但 Bootstrap 的价值始终在「省心」：文档极全、示例极多、踩坑的人极广。当你要快速搭一个能看、能用、能响应式的界面，它依然是最稳的选择之一。
用 Chrome DevTools 把 CLS 压到 0.02
页面在本地看着好好的，上线后布局分数却一路飘红，多半是图片没占位。
2026 年该掌握的 CSS：容器查询、@scope、View Transitions 与 Tailwind 4
CSS 正在把 JS 的活抢回去 过去几年，很多“必须用 JS 才能做”的效果已经被 CSS 原生实现：滚动驱动动画、弹层、主题切换、页面转场。这不只是写法变化，而是更少的代码、更少的布局抖动、更好的可访问性。 下面这四个特性，是 2026 年最值得投入学习的。 一、容器查询：组件自适应，而不是页面自适应 媒体查询看的是视口，容器查询看的是父容器。这让“同一个卡片在侧栏和主区显示不同布局”成为可能，组件终于真正自洽。 css .card-wrap { container-ty...