tailwindcss

FrameWork/Tailwind

색 , 컨테이너와 공간, 타이포그래피 조절하기

현 포스팅 부터는 Tailwind에서 자주사용하는 18가지의 문법을 정리하고자 한다. 하나의 포스팅에는 3개 ~ 4개 정도의 분량의 내용을 정리하고 이를 복습하고자 한다. 이번 포스팅에서는 색, 컨테이너와 공간(마진, 패딩), 타이포그래피(글 간격, 폰트, 폰트 크기 조정)에 대해서 소개하고자 한다. Tailwind로 색을 표현하는 방법 tailwind로 색을 표현하기 위해서는 요소-색깔-색의 진함 정도를 사용하여 표현한다. 색의 진함의 정도는 100 ~ 900까지 가능하고 흰색이나 검은색 같은 경우는 진함 정도를 표현 할 수 없다. - index.html Tailwind is awesome Tailwind is awesome Tailwind is awesome tailwind is awesome tai..

FrameWork/Tailwind

Tailwindcss에 대하여, 설치 방법

최근 CSS에 대해 관심이 많던 도중, Tailwind 프레임워크가 눈에 들어와서 이를 공부하게 됬다. 몇 개의 미니프로젝트도 해봤었는데 CSS자체에 조금 허덕였던 나에게는 좋은 도구인 것 같아서 한번 소개해보고자 한다. Tailwind가 뭐고 왜 쓰는데요? tailwind는 Utility-First(미리 세팅된 유틸리티 클래스를 활용하여 HTML코드 내에서 스타일링) 을 지향하는 CSS 프레임워크 입니다. CSS의 각 속성들을 클래스에 직관적으로 표현함으로써 효율적으로 html 파일 내에서 작성함으로써, 빠르게 구축한다는 것에 이점을 두고 있습니다. tailwind을 이용하여 코드를 작성한 예시는 아래와 같습니다. - Tailwind 적용 전 ChitChat You have a new message! ..

JHeaon
'tailwindcss' 태그의 글 목록