CSS

쉬운 설명

웹페이지의 색상, 크기, 간격, 배치와 반응형 화면을 표현하는 스타일 언어.

실제로는 이렇게 만나요

카드에 여백과 테두리를 주거나, Grid로 목록을 배치하고, 미디어 쿼리로 모바일 화면의 열 수를 바꿀 수 있습니다.

• 이런 거 할 때 나와요 웹 화면의 시각적 디자인과 반응형 레이아웃, 애니메이션, 상태 표현 대부분을 CSS가 담당합니다.
• 이렇게 생겼어요 CSS은(는) HTML, Tailwind CSS, Media Query 같은 주변 개념과 함께 문서, 설정 화면, 오류 메시지에서 자주 보입니다.
• 나오는 화면 예시 웹 기본 작업을 하다가 HTML, Tailwind CSS, Media Query를 확인하는 화면

헷갈리기 쉬운 점

선택자 우선순위와 상속을 이해하지 못하면 같은 스타일을 덮어쓰기 위해 불필요하게 복잡한 규칙이 쌓일 수 있습니다.

왜 알아두면 좋을까요?

웹 화면의 시각적 디자인과 반응형 레이아웃, 애니메이션, 상태 표현 대부분을 CSS가 담당합니다.