hhstore/blog

Web Frontend: CSS - Tailwind CSS

Opened this issue · 11 comments

hhstore commented

related:

hhstore commented

前端流行样式方案: Tailwind CSS

  • https://tailwindcss.com/
  • 经常用, 但一直没做总结.
  • 随用随忘. (记忆力大不如前)
  • 故把常用的一些 CSS 样式效果, 整理个 CheatSheet.

cheatsheet:

hhstore commented

Tailwind 常用样式:

hhstore commented

布局: Layout

Flex:

行: Row

<div class="flex flex-row ...">
  <div>01</div>
  <div>02</div>
  <div>03</div>
</div>

列: Column

<div class="flex flex-col ...">
  <div>01</div>
  <div>02</div>
  <div>03</div>
</div>

网格: Grid

hhstore commented

尺寸表:

w-full


w-screen
hhstore commented

元素特效: Transition/Transform

翻转: