前端开发 – HikariLan's Blog https://blog.hikarilan.life 贺兰星辰的个人博客 Thu, 13 Jul 2023 15:43:16 +0000 zh-Hans hourly 1 https://wordpress.org/?v=6.9 Tailwind CSS 导论 https://blog.hikarilan.life/thinking/1220/tailwind-css-%e5%af%bc%e8%ae%ba/ https://blog.hikarilan.life/thinking/1220/tailwind-css-%e5%af%bc%e8%ae%ba/#respond Thu, 13 Jul 2023 15:43:16 +0000 https://my.minecraft.kim/?p=1220 作为前端开发，您是否曾经为在 HTML 和 CSS 之间不断切换而感到困扰？是否正在寻找一个可以帮助快速开发网页的 CSS 框架？如果是这样，那么 Tailwind CSS 一定是你的不二之选。 Tailwind CSS 是一款效用优先的 CSS 框架，其包含了 , , 和 这样的 class 来帮助你通过组合这些类来直接在标记中构建任何设计。(A utility-first CSS framework packed with classes like , , and that can be composed to build any design, directly in your markup.) 直接看概念似乎有些难以理解，因此我们以官网上的一个例子来解释： 在我们没有使用 Tailwind CSS 之前，如果想要构建一个卡片 UI，可能需要这么写：

来源

]]> https://blog.hikarilan.life/thinking/1220/tailwind-css-%e5%af%bc%e8%ae%ba/feed/ 0