목차

Visual Studio Code

  • VS CODE 설치하기
  • 프로젝트 디렉토리 설정하기

HTML

  • HTML이란?
  • 제목, 문단 태그
  • 목록 태그
  • 글자강조 태그
  • 이미지 태그
  • 하이퍼링크 태그
  • 입력양식 태그
  • 영역 태그

CSS

CSS 개요

  • CSS 개요

선택자

  • 기본 선택자
  • 계층 선택자
  • 필터 선택자
  • 상태 및 가상 선택자

문자속성, 배경속성

  • 글자 속성
  • 문자 속성
  • 배경 속성

박스모델

  • 블럭레벨요소의 이해
  • 박스모델의 이해
  • 마진속성의 이해
  • 너비 속성과 높이 속성

Position 레이아웃

  • 위치, 좌표, 중첩 속성
  • position: absolute
  • position: relative
  • position: fixed
  • position: sticky
  • 관계 속성의 이해

Flexible 레이아웃

  • Flexible의 이해
  • Flexible Layout
  • flex-[direction] [wrap]
  • justify-content
  • align-[items] [content]
  • 요소 정중앙 배치

Grid 레이아웃

  • Grid의 이해

SCSS

  • SCSS란?
  • VS CODE에서 SCSS Compile 환경설정하기
  • 변수와 연산자
  • 데이터 유형
  • 중첩 규칙
  • 중첩 규칙과 상위 참조