CSS

id & class

CSS 박스 모델은 HTML Element가 웹페이지에서 차지하는 공간을 정의한 모델 입니다.

요소가 화면에 어떻게 드러나게 할까 결정하는 속성 입니다. 대표적으로 inline, block, inline-block, none 있습니다.

static, relative, absolute, fixed, sticky

2차원적으로 수평과 수직을 동시에 나눌 수 있는 레이아웃 방법 입니다.

flex는 1차원으로 수평, 수직 영역 중 하나의 방향으로만 레이아웃을 정합니다.

grid, flex와 마찬가지로 요소를 배치하기 위한 속성 입니다. float 라는 단어는 원래 ‘뜨다’ 라는 의미이며, block 요소들을 가로 배치하기 위해 사용 합니다.

Float 사용법

상대적인 반응형 유닛

z-index 속성은 겹치는 요소의 쌓임 순서를 제어 합니다.

CSS 우선순위

Resetting과 Normalizing CSS

CSS 애니메이션과 JS 애니메이션의 차이점

CSS 전처리기

경로 지정 하는 방법