CSS 등장 배경

HTML 로 만든 웹페이지에서, 텍스트 색상을 바꾸고 싶을 때
font 태그를 쓸 수 있다.

<li><a href="1.html"><font color="red">HTML</font></a></li>

 

이렇게 웹페이지를 꾸며나갈 수도 있지만.. 만약에 색을 바꾸고 싶은 텍스트가 100개라면? 100만개라면?

일일이 font 태그를 달아줘야 한다... 어우;








또한 HTML로 웹페이지를 꾸미는 일이 많아지게 되면

HTML로 이루어진 웹페이지가 정보를 전달하는 기능적 가치가 떨어지는 문제가 발생한다.

쉽게 말하면 HTML로 디자인, 정보 둘 다 기능하는 웹페이지에서는

어떤 정보를 수정할 때 디자인 코드는 건드리지 않게 조심해야 한다(라고 내 맘대로 이해했다) .

즉, 디자인 편집과 정보 수정을 별개로 다루기 힘들다는 것.

따라서 웹페이지의 디자인 기능을 전담할 언어가 필요한데, 이게 CSS이다.









CSS 문법을 도입하는 태그는 style 이다.

<style>이 안에 CSS문법에 맞게 코드를 쓰면 된다.</style>

a 태그가 달린 텍스트의 색을 한꺼번에 빨간 색으로 바꾸는 코드는 다음과 같다.

<style>
a {
color:red;
}
</style>

 

HTML에서 <!--  --> 는 파이썬에서 주석처리하는 것과 같은 역할을 한다.

이렇게 CSS를 이용하면, 디자인에 있어 훨씬 효율적이고

HTML로 디자인을 하면서 생기는 중복코드들을 제거하면서 에너지도 절약된다.