Frontend Lecture

display: grid부터 grid-template-areas, auto-fill/fit, 실습 예제까지 인터랙티브 슬라이더로 배워요.

오늘 배운 Grid 개념을 15문제로 확인해보세요. 힌트, 해설, 점수까지 제공해요.

1차원 레이아웃의 모든 것. flex-direction, justify-content, align-items 등을 인터랙티브하게 배워요.

Flex 핵심 개념을 문제로 확인해보세요.

static, relative, absolute, fixed, sticky의 차이를 시각적으로 이해해요.

Position 핵심 개념을 문제로 확인해보세요.

HTML 문서 구조, 시맨틱 태그, 폼, 링크, 이미지 등 기초 개념을 확인해요.

HTML 심화 개념을 문제로 확인해보세요.

text-align, text-transform, text-decoration, text-shadow, CSS Colors 등을 확인해요.

font-size, font-weight, font-family, line-height 등 폰트 관련 속성을 확인해요.

px, em, rem, %, vw, vh 등 CSS 단위 개념을 확인해요.

margin, padding, border, box-sizing 등 박스모델 개념을 확인해요.

background-color, background-image, background-size 등 배경 속성을 확인해요.

자손, 자식, 인접, 일반 형제 선택자 등 결합 선택자 개념을 확인해요.

specificity, important, 캐스케이딩 등 CSS 우선순위 규칙을 확인해요.