Course Outline

소개

  • 테일윈드 개요 CSS

시작하기

  • Tailwind 설치 CSS
  • 노드 설치
  • VS 코드 설치
  • 환경 설정

순풍 CSS 기본

  • Tailwind CSS을 HTML에 부착
  • 유틸리티 클래스를 사용하여 컨테이너 만들기
  • 너비 및 높이 속성 추가
  • Flexbox 작동 방식 이해
  • Flex 항목 래핑 및 크기 조정
  • 그리드 및 행 레이아웃 만들기
  • 그리드 레이아웃의 요소 흐름 조정
  • 항목 사이에 간격 추가 및 정렬
  • 개별 항목 정당화
  • 요소에 패딩 및 여백 추가
  • Tailwind 유틸리티 클래스를 사용하여 텍스트 스타일 지정
  • 테두리 추가 및 스타일 지정
  • 요소에 그림자 추가하기
  • 중단점을 사용하여 반응형 동작 추가
  • 의사 선택기 사용
  • 지시어 계층화 및 적용
  • 코드 재사용을 위해 구성요소 사용

더 나은 개발 환경 설정

  • Tailwind CLI를 사용하여 환경 만들기
  • 지시어와 함수

요약 및 다음 단계

Requirements

  • HTML 및 CSS에 대한 기본 지식

청중

  • 개발자
 7 Hours

Number of participants



Price per participant

회원 평가 (6)

Related Courses

Related Categories