문의를 보내주셔서 감사합니다! 팀원이 곧 연락드리겠습니다.
예약을 보내주셔서 감사합니다! 저희 팀 멤버 중 한 분이 곧 연락드리겠습니다.
코스 개요
소개
- 테일윈드 개요 CSS
시작하기
- Tailwind 설치 CSS
- 노드 설치
- VS 코드 설치
- 환경 설정
순풍 CSS 기본
- Tailwind CSS을 HTML에 부착
- 유틸리티 클래스를 사용하여 컨테이너 만들기
- 너비 및 높이 속성 추가
- Flexbox 작동 방식 이해
- Flex 항목 래핑 및 크기 조정
- 그리드 및 행 레이아웃 만들기
- 그리드 레이아웃의 요소 흐름 조정
- 항목 사이에 간격 추가 및 정렬
- 개별 항목 정당화
- 요소에 패딩 및 여백 추가
- Tailwind 유틸리티 클래스를 사용하여 텍스트 스타일 지정
- 테두리 추가 및 스타일 지정
- 요소에 그림자 추가하기
- 중단점을 사용하여 반응형 동작 추가
- 의사 선택기 사용
- 지시어 계층화 및 적용
- 코드 재사용을 위해 구성요소 사용
더 나은 개발 환경 설정
- Tailwind CLI를 사용하여 환경 만들기
- 지시어와 함수
요약 및 다음 단계
요건
- HTML 및 CSS의 기본 지식이 필요합니다.
대상
- 개발자
7 시간
회원 평가 (4)
코딩 연습
Kesh - Vodacom
코스 - HTML5, JavaScript, and CSS4
기계 번역됨
트레이너의 교육 스타일
Fatma Badi - Dubai Electricity and Water Authority
코스 - Front End Developer
기계 번역됨
웹 환경에서 콘솔 파트는 나에게 이동 경로와 이력 확인, 브라우저 API를 안내해줍니다. 이는 템플릿의 각 요소가 수행하는 적절한 기능을 잘 설명합니다.
Glenford Cataluna - Bureau of Fisheries and Aquatic Resources
코스 - HTML5, JavaScript, and CSS3
기계 번역됨
I was benefit from the step by step and in detail guidance of the trainer.
Tam Jia Jun
코스 - Angular 4: Create single-page applications using HTML, CSS, and JavaScript
기계 번역됨