개요

CSS란 웹페이지를 꾸며주는 언어이다. 그러므로 HTML에 대한 전반적인 지식이 사전에 필요하다.

우선 HTML의 본질에 대해 알아야 하며, 이는 정보에 있다.

HTML은 전자출판(정보의 생산, 보관, 전송)을 목적으로 둔 언어이다.

즉, HTML에서 제일 중요한것은 어떻게 정보를 표현할것인가 에 있다.

최초의 HTML은 웹페이지를 멋지게 꾸밀 기능이 전무했기에 웹디자인이라는 용어 자체가 전무했다.

그렇기에 웹페이지가 아름답게 보이고 싶은 사람들의 요구사항에 부합하기 위해

기존의 정보에 목적을 둔 tag이외에 디자인을 위한 tag가 생겨났다.

대표적으로 <font>태그가 있으나, 이 tag는 재사용성 문제와 정보전달이라는 HTML본연의 역할을 부합하지 못했기에 오늘날 사용이 금기시 되어있다 볼 수 있다.

 

이렇듯 HTML이 정보에 집중하기 위해 CSS라는 디자인 언어를 추가하였다.

 

즉 HTML과 CSS의 존재 의미는.
정보와 디자인의 분리
에 있다.

 

<style>
    li{
        color:red;
    }
</style>
 
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>

위 코드에서 html코드를 통해 웹화면의 구성과 내용을 만들었으며

CSS코드를 이용하여 li태그에 속하는 글자의 색깔을 모두 붉은색으로 만들게 하였다.