[CSS] CSS를 사용하는 이유

 

 

 

안녕하세요 냥장판 입니다 

 

이번 게시글은 CSS에 대한 아주 기초적인 지식에 대해 다룰거에요.

HTML을 다루다보면, CSS stylesheet 라는 말을 들어본적이 있을겁니다.

 

CSS는 왜 사용하며, 어떻게 사용하는지 살펴볼게요.

 

 

By 냥장판

 

 

1. CSS란

CSS는 Cascading Style Sheets의 약자로 종속형 스타일 시트, 캐스케이딩 스타일 시트 라고 불립니다.

마크업 언어(XML, HTML 등)의 레이아웃과 스타일을 나타내는 언어에요.

 

우리의 맨얼굴과 맨몸뚱아리를 HTML이라고 한다면

화장하고, 옷입고, 악세사리하는 모든 꾸며주는 것들을 CSS라고 생각하면되요.

안꾸미고 나가도 되죠. 

HTML문만 있어도 된다는 말입니다.

꾸미고 나가나요? 그럼 CSS를 입고 나간다는 말이에요.

 

W3C(World Wide Web Consortium)에서 만든 스타일 시트 언어가 바로 CSS입니다.

즉, 마크업 언어를 디자인할 용도로 작성된 언어인거죠.

 

 

 

 

2. CSS를 사용하는 이유

 

HTML만으로도 웹사이트를 표현할 수 있어요.

 

 

 

위와 같은 페이지가 있어요.

HTML문으로만 작성되어 있다면, 디자인을 바꾸고싶을 때 A 부터 E까지 전부 다 수정해야해요.

HTML문을 전부 수정하기엔 귀찮고 번거롭죠.

 

또, B와 C, D와 E는 같은 이미지 서식을 가지고 있죠.

같은 모듈을 한꺼번에 수정하면 편하겠죠?

 

 

이렇게 같은 서식을 가진 그룹을 한번에 수정하고 싶을 때도 사용합니다.

 

주저리 주저리 했지만..

정리해볼게요.

 

• 관리성 - HTML에서 스타일 부분만 CSS로 따로 관리할 수 있음
• 재사용성 - 스타일 서식을 공유해서 여러 웹페이지 디자인을 재사용하고, 통일할 수 있음

이 외에도 작성 요령에 따라 속도가 빨라질 수도 있고

시간을 단축할 수도 있겠죠

 

아무튼 장점이 많다는 말입니다!

 

결국은 편의성을 높히려고 사용한다는 거죠!

 

그럼 이만!