[Tailwind CSS] Tailwind CSS 정복하기 ! - 2

[Tailwind CSS로 만드는 멋진 웹 UI 스타일링] Chapter 8 ~ 12

글꼴 사용하기

  1. tailwind.config.js에 사용할 폰트 생성
  2. style.css에 사용할 웹 폰트 CDN 생성
  3. index.html에 tailwind.config.js와 style.css 링크
  4. HTML에서 사용할 곳에 클래스 네임 입력

font picker

  • chrome 확장 프로그램
  • 우클릭으로 폰트 정보를 얻어낼 수 있음 !

  • margin auto는 블록 요소에만 적용이 된다!

full → 100% = 부모를 따름

screen → 100vh = 화면 가득