[CSS] Tailwind CSS 3.0: Fundamentals 강의 메모

tailwind 세팅 npm install tailwindcss@latest postcss@latest autoprefixer@latest // tailwind 초기화 npx tailwindcss init // 이거 넣어줘서 스캔 -> JIT로 css 파일 생성 module.exports = { content: ["./*.html"], theme: { extend: {}, }, plugins: [], }; // 컴파일 (--watch 속성주면 자동으로 변경) // 근데 --watch 하면 쓰다가 안쓰는 것도 컴파일에 들어감 -> 프로세스 중지하고 다시 컴파일하면 됨 // --minify 하면 css 파일크기 줄여줌 npx tailwindcss -o style.css tailwind css sm md lg -> 반응형 웹 hover focus -> css 상태 다크모드 -> tailwind 설정에 darkMode: "media" 추가 (사용자 테마 대로) module.exports =...

원문링크 : [CSS] Tailwind CSS 3.0: Fundamentals 강의 메모