키다리 개발자

CSS 란? (개요, 구조) 본문

HTML, CSS

CSS 란? (개요, 구조)

JunBucks 2019. 10. 1. 17:56
CSS란?

CSS는 Cascading Style Sheets의 약자입니다.

 

CSS는 HTML 요소들이 각종 미디어에서 어떻게 보이는가를 정의하는 데 사용되는 스타일 시트 언어입니다.

 

HTML4 부터는 이러한 모든 서식 설정을 HTML 문서로부터 따로 분리하는 것이 가능해졌습니다.

 

오늘날 대부분의 웹 브라우저들은 모두 CSS를 지원하고 있습니다.

 

 

CSS를 사용하는 이유

HTML만으로 웹 페이지를 제작할 경우 HTML 요소의 세부 스타일을 일일이 따로 지정해 주어야만 합니다.

 

이 작업은 매우 많은 시간이 걸리며, 완성한 후에도 스타일의 변경 및 유지 보수가 매우 힘들어집니다.

 

이러한 문제점을 해소하기 위해 W3C(World Wide Web Consortium)에서 만든 스타일 시트 언어가 바로 CSS입니다.

 

CSS는 웹 페이지의 스타일을 별도의 파일로 저장할 수 있게 해주므로 사이트의 전체 스타일을 손쉽게 제어할 수 있습니다.

 

또한, 웹 사이트의 스타일을 일관성 있게 유지할 수 있게 해주며, 그에 따른 유지 보수 또한 쉬워집니다.

 

이러한 외부 스타일 시트는 보통 확장자를 .css 파일로 저장합니다.

 

 

 


 

 

css 구조

CSS의 문법은 선택자(selector)와 선언부(declaratives)로 구성됩니다.

 

선택자는 CSS를 적용하고자 하는 HTML 요소(element)를 가리킵니다.

 

선언부는 하나 이상의 선언들을 세미콜론(;)으로 구분하여 포함할 수 있으며, 중괄호({ })를 사용하여 전체를 둘러쌉니다.

 

각 선언은 CSS 속성명(property)과 속성값(value)을 가지며, 그 둘은 콜론(:)으로 연결됩니다.

 

이러한 CSS 선언(declaration)은 언제나 마지막에 세미콜론(;)으로 끝마칩니다.

Comments