[CSS] CSS

CSS

- 적용: 인라인(style="color: red;"), <style>, <link rel="stylesheet" href>

- 선택자: *, tag, .class, #id, [attr="val"]

- 가상 클래스/요소: :hover, :nth-child(n), ::before, ::after

- 박스모델: content, paddind, border, margin, box-sizing(border-box)

- 레이아웃: display(block, inline, inline-block, flex, grid, none), position(static, relative, absolute, fixed, sticky)

- 반응형 디자인: @media (max-width: 768px)

- 변수: :root { --main-color: #3498db; } var(--main-color)

- 투명도: opacity(0-1)

- 넘치는 내용: overflow(hidden, scroll, auto)

- 요소 순서: z-index

- 애니메이션 효과: transition, animation