본문으로 건너뛰기
실습하기

CSS 시작하기

CSSCascading Style Sheets의 약자로 웹페이지의 디자인(Styling)과 레이아웃을 담당합니다.


CSS의 주요 특징

  1. 스타일 적용: HTML 요소에 색상(Color), 글꼴(Font), 간격(Margin) 등 스타일을 적용. 웹페이지를 매력적으로 꾸밈

  2. 선택자와 속성: 특정 HTML 요소를 선택하기 위해 선택자(Selector)를 사용하고, 선택된 요소에 스타일을 정의하는 속성(Properties) 부여

CSS 기본 구조
선택자 {
속성:;
}

  1. 계층적 스타일링: Cascading이라는 단어는 웹페이지의 스타일이 다양한 계층을 통해 결합됨을 의미. 따라서 여러 개의 스타일을 우선순위에 따라 중첩해 적용할 수 있음

  2. 반응형 웹 디자인: CSS 미디어 쿼리(Media Queries)를 활용해 다양한 기기와 화면 크기에 대응하는 반응형 웹 디자인을 구현

HTML이 웹페이지의 골격을 만든다면, CSS는 그 골격에 을 입히는 역할이라고 생각할 수 있습니다.


코드의 별표로 강조된 부분을 따라 입력해 보세요.