[CSS] CSS 입문 💬

📌  CSS란?

CSS는 Cascading Style Sheets의 준말로,

HTML이나 XML로 작성된 문서의 표시 방법을 기술하기 위한 스타일 시트 언어이다.

 

 

📌 CSS가 도입된 이유

HTML로도 웹 사이트를 만들고 디자인할 수 있다.

특별히 CSS라는 언어가 도입된 이유는 바로 '정보의 가치와 효율성'을 고려했기 때문이다.

 

다음과 같은 <a> 태그는 해당 Element가 링크라는 정보와, href 속성를 통해 클릭했을 때 이동할 주소에 대한 정보를 제공해준다.

 

해당 Element를 디자인하기 위해 <font> 태그를 추가해보자. 크기는 50px, 색은 빨간색으로 속성을 부여한다.

 

 

이를 출력해보면 다음과 같다.

 

왼쪽은 <a> 태그로만 이루어진 Element,

오른쪽은 <font> 태그가 추가된 Element이다. 

 

'정보의 가치'의 관점에서 <a> 태그가 더 가치가 높다.

 

HTML은 정보를 전달하는데 효과적인 언어이므로 HTML이 가치 있는 정보에만 전념할 수 있도록

정보의 가치가 떨어지는 디자인에 대한 정보들은 오로지 CSS가 맡도록 하였다.

(단, 컴퓨터 입장에서 본 것이며, 사용자에게는 디자인적 요소도 굉장히 중요한 가치다.)

 

 

📌 결론

결론적으로,

HTML에서 디자인의 정보만을 분리하고 코드 작성을 효율적으로 하기 위해,

CSS가 도입되었다.

또한, CSS를 사용하면 한 디자인을 여러 웹 페이지에 적용 가능하며, 유지보수가 쉬워진다는 장점이 있다.