Skip to content

原子化 CSS

常用 CSS 类

定位:absolute relative fixed sticky top right bottom left

尺寸:w h w-full h-full w-auto h-auto min-w max-w min-h max-h

边距:

  • 外边距:m mx my mt mr mb ml
  • 内边距:p px py pt pr pb pl

边框:border-solid border-b-1 border-gray-2

圆角:rounded rounded-sm rounded-md rounded-lg rounded-xl

字体:

  • 字号:text-30 text-32
  • 字重:font-medium font-bold
  • 颜色:text-font-color-primary text-font-color-normal text-font-color-secondary text-font-color-placeholder

flex 布局

flex flex-row flex-col flex-wrap flex-nowrap justify-start justify-end justify-center justify-between justify-around items-start items-end items-center items-stretch

原子化 CSS

Flex 布局教程:语法篇

Flex 布局教程:实例篇