Taildwind-css

Utility-First를 지향하는 CSS 프레임워크입니다.CSS의 각 속성들을 클래스에 직관적으로 표현함으로써 효율적으로 사용할 수 있게 됩니다.스타일링에 필요한 대부분의 속성들이 클래스 형태로 사전에 정의되어 있고 사용자는 클래스들을 조합해요 사용하면 됩니다.예시

손쉽게 배경을 변경할 수 있습니다.예시만약 브라우저에서 1rem === 16px일 경우 size\*4px를 통해 넓이 / 높이를 손쉽게 지정해줍니다.w-32 => 32\*4 = 128px예시패딩과 마진을 클래스 형태로 지정할 수 있습니다.만약 브라우저에서 1rem ==

테두리 두께를 지정할 수 있습니다.태두리의 색상을 지정할 수 있습니다.테두리의 디자인을 선택할 수 있습니다.테두리의 Radus를 설정할 수 있습니다.예시CSS의 display 속성을 자유롭게 설정할 수 있습니다.예시Flex도 자유롭게 사용 가능합니다.예시

반응형 디자인을 쉽게 적용할 수 있습니다.이외에도 더 많은 것들을 변경할 수 있습니다. 예시Hover 기능을 쉽게 사용할 수 있습니다.예시예시예시그림자 속성을 추가할 수 있습니다.예시투명도를 설정할 수 있습니다.예시커서의 형태를 지정할 수 있습니다.예시선택할 때 범위를