CSS의 개념

<aside> 📌 CSS의 개념에 대하여 학습합니다. HTML과 CSS의 관계를 공부합니다.

</aside>

CSS(Cascading Style Sheet)

HTML 문서의 요소들이 브라우저 화면상에 어떻게 배치되고 디자인될지를 결정합니다.

Untitled

위의 예시처럼 페이지의 네이게이션 바, 콘텐츠 영역, 이미지, 검색창, 제목 그리고 텍스트 콘텐츠를 나타낼 때, HTML 마크업을 활용할 수 있습니다. 이 마크업이 어떻게 배치 및 디자인될 것인지는 CSS가 담당합니다.

<aside> 💡 마크업은 정답이 존재하지 않습니다. CSS 레이아웃을 생각하여 마크업을 진행합니다.

</aside>

Cascading?

Untitled

CSS는 일반적으로 위에서 아래부터 차례로 적용되는 특징이 있습니다.

<aside> 💡 이후 레슨에서 CSS 우선순위에 대해 다루게 됩니다.

</aside>

CSS 문법

Untitled

선택자 (Selector)

스타일을 변경하고자 하는 요소를 선택합니다.