热门 CSS 框架

从易到难，从简单到最好

一个优秀的 CSS 框架到底有多大用处？你也知道，市面上有很多框架，有的简单，有的复杂，但所有框架都非常有用。

所选的是我最喜欢的，它们已经很受欢迎，而且越来越受欢迎。

Bulma.io CSS

这是一个强大的 CSS 框架，其主要特点是所有组件都依赖于弹性框，这使得它成为创建简单布局的优秀 CSS 框架。
其简单的类使其非常直观。让我们看一个例子：

<section class="section">
    <div class="container">
      <h1 class="title">Section</h1>
      <h2 class="subtitle">
        A simple container to divide your page into <strong>sections</strong>, like the one you're currently reading
     </h2>
   </div>
</section>

你只需要阅读一次它的文档，是不是很棒？Bulma.io CSS

说说我第二喜欢的

Bootstrap v.5

几乎所有从事 Web 开发的人都知道Bootstrap。
它简单易用，最近发布的新版本迈出了一大步，舍弃了 jQuery，并用更简单的 JavaScript 重写了所有插件（更轻量、更快速）。
此外，它还新增了响应式字体和标题以及页边距功能。😍

<div class="container px-4">
  <div class="row gx-5">
    <div class="col">
     <div class="p-3 border bg-light">Custom column padding</div>
    </div>
    <div class="col">
      <div class="p-3 border bg-light">Custom column padding</div>
    </div>
  </div>
</div>

Bootstrap 是一个值得学习的强大框架，也是最常用的框架。

了解有关 v5.Bootstrap 的更多信息

最后一个位于第一个位置......

Tailwind CSS

CSS 框架到底有多神奇？它的前缀类是……

    'sm': '640px',
    // => @media (min-width: 640px) { ... }

    'md': '768px',
    // => @media (min-width: 768px) { ... }

    'lg': '1024px',
    // => @media (min-width: 1024px) { ... }

    'xl': '1280px',
    // => @media (min-width: 1280px) { ... }

🦄🦄🦄🦄

您所能想到的以及用于构建令人惊叹的 HTML 网站的所有东西，Tailwind都已准备好供您使用。

还是不相信我？
这个 CSS 框架功能丰富，几乎所有功能都可以用类来实现，比如动画、过渡、负边距或填充、暗黑模式😍😍。
相信我，你再也不需要 style.css 了！

Tailwindcss

在文章的最后，我想介绍一下我朋友的一个副业

[已删除用户]

和我自己正在努力

。WickedTemplates

我们正在根据我所写的 CSS 框架创建纯 HTML 模板。

我们没有使用 CSS 框架中的任何风格，正如您所见，这些 CSS 框架具有很大的潜力。

谢谢阅读！

文章来源：https://dev.to/3rchuss/trending-css-frameworks-4ja4