HTML/CSS

HTML

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

CSS

• CSS 기본
• CSS 선택자
• 상속, 겹침, 우선순위
• CSS Reset
• CSS 박스 모델
• Float 속성 파헤치기
• CSS Unit
• 사용자 정의 속성(변수)
• CSS 중첩
• 배경(Background)
• Position 속성
• 테이블 스타일링
• Scroll Behavior
• FLEXBOX
• Media Query
• Sprites
• Multi-column
• GRID
• GRID ALIGN
• SUBGRID
• TRANSITION

UI

• FLOAT LAYOUT
• FLOAT 예제(웹 관련 용어)
• 테이블 UI 예제
• 배경 스타일링
• flexbox 예제
• form(SearchBar)
• form(Components)
• form(Login)
• masonry layout
• grid layout
• Subgrid layout
• CSS Animation
• grid masonry