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 박스 모델
• Float 속성
• Float layout
• Float 예제
• CSS 단위
• 사용자 정의 속성(변수)
• CSS 중첩
• 배경 (Background)
• Position 속성
• 테이블 스타일링
• 스크롤 스타일링
• Flex Box
• 미디어 쿼리
• CSS 스프라이트(Sprites)
• 멀티 컬럼(Multi Column)
• CSS Grid
• CSS 그리드 정렬
• CSS Subgrid
• Transition

UI

• 테이블 UI 예제
• cafew
• 가로 세로 비율을 유지하는 반응형 박스
• 폼 검색 서식(SearchBar)
• 폼 컴포넌트(Components)
• 폼 로그인
• Masonry 레이아웃
• 그리드 레이아웃
• 서브 그리드 레이아웃
• Animation