Thank you for sending your enquiry! One of our team members will contact you shortly.
Thank you for sending your booking! One of our team members will contact you shortly.
Course Outline
소개
- 테일윈드 개요 CSS
시작하기
- Tailwind 설치 CSS
- 노드 설치
- VS 코드 설치
- 환경 설정
순풍 CSS 기본
- Tailwind CSS을 HTML에 부착
- 유틸리티 클래스를 사용하여 컨테이너 만들기
- 너비 및 높이 속성 추가
- Flexbox 작동 방식 이해
- Flex 항목 래핑 및 크기 조정
- 그리드 및 행 레이아웃 만들기
- 그리드 레이아웃의 요소 흐름 조정
- 항목 사이에 간격 추가 및 정렬
- 개별 항목 정당화
- 요소에 패딩 및 여백 추가
- Tailwind 유틸리티 클래스를 사용하여 텍스트 스타일 지정
- 테두리 추가 및 스타일 지정
- 요소에 그림자 추가하기
- 중단점을 사용하여 반응형 동작 추가
- 의사 선택기 사용
- 지시어 계층화 및 적용
- 코드 재사용을 위해 구성요소 사용
더 나은 개발 환경 설정
- Tailwind CLI를 사용하여 환경 만들기
- 지시어와 함수
요약 및 다음 단계
Requirements
- HTML 및 CSS에 대한 기본 지식
청중
- 개발자
7 Hours
회원 평가 (4)
코딩 연습
Kesh - Vodacom
Course - HTML5, JavaScript, and CSS4
Machine Translated
Trainer' style of teaching
Fatma Badi - Dubai Electricity and Water Authority
Course - Front End Developer
Console part in web environment it gives me ho to navigate and check the history, browser api. It explains well the proper functions every element in the templates.
Glenford Cataluna - Bureau of Fisheries and Aquatic Resources
Course - HTML5, JavaScript, and CSS3
I was benefit from the step by step and in detail guidance of the trainer.
