HTML/CSS

HTML

• HTML 기본구조
• 제목과 단락
• 이미지와 피규어
• 하이퍼링크
• 비순서형, 순서형 목록
• 정의형 목록
• 프레이징 요소
• 인용문과 줄바꿈
• 테이블
• 컨테이너 요소
• 섹션과 메인요소
• 텍스트 레벨 요소
• address 요소
• picture와 source요소
• video 및 iframe 요소
• iframe, object 요소
• map과 area요소
• 폼(input) 요소
• 폼(button) 요소
• 폼(select, textarea) 요소
• dialog 요소
• details, summary 요소
• script 요소
• 유저 인터렉션 속성

CSS

• CSS 기본
• CSS 선택자
• 상속, 겹침, 우선순위
• CSS 초기화
• CSS box 모델
• Float 속성
• CSS 단위
• 사용자 정의 속성(변수)
• CSS 중첩
• 배경 (Background)
• Position 속성
• 테이블 스타일링
• 스크롤 스타일링
• Flex box
• 미디어 쿼리
• 멀티 컬럼
• 그리드 레이아웃
• CSS 그리드 정렬
• Sub Grid
• Transition

UI

• Float 예제(웹 관련 용어)
• 테이블 스타일링
• 테이블 스타일링
• 플렉스 박스 레이아웃(유동형)
• 폼 검색 서식(Search bar)
• Masonry 레이아웃
• 그리드 레이아웃
• 서브 그리드 레이아웃
• CSS Animation