WEB2 CSS -1 CSS의 등장

 

1. CSS란?

- HTML만으로 이루어진 웹 페이지를 아름답게 만든다.

- HTML이 디자인을 제외한 정보에 더 집중할 수 있도록, CSS언어를 통해 웹페이지를 디자인함

 

2. CSS의 등장배경

 - HTML만으로 웹 페이지가 만들어 졌을 때, HTML을 아름답게 꾸미기 위해 개발자들은 2가지 방법을 고민함.

 - 첫 번째는 HTML코드로 디자인을 하는 쉬운 길. 두 번째는 새로운 언어를 만들어 HTML을 꾸미는 근본적인 길(CSS).

 

2-1. <font>

 - 개발자가 고민한 첫번 째길 HTML코드에 바로 <font>를 삽입하기 때문에 코드를 작성하기 쉬움

 - 웹페이지가 많아지고 중요해지면서 font방식의 한계를 느낌

 -font는 정보가 아니라 단지 디자인을 나타내기 때문에 웹페이지가 정보러서의 가치가 현격하게 떨어지는 문제를 갖게 됨.

 -font를 수정할 때 수정해야 할 자료가 많아지면 시간이 오래 걸림.

 

  <li><a href="FormattingAPage.html"><font color="red">HTML</font></a></li>
  <li><a href="Link.html"><font color="red">CSS</font></a></li>
  <li><a href="Lists.html"><font color="red">JavaScript</font></a></li>

2-2. CSS

 - 중복의 제거 가능 

 - 유지보수의 용이, 가독성 증가 

 - CSS의 등장으로 웹페이지의 디자인이 더욱 편해짐.

 - HTML은 중요하기 때문에 디자인을 제외한 기능에 집중하기 위해 디자인 기능을 CSS언어로 작성한다.

 

1) CSS의 사용 (style)

 - 웹브라우저는 HTML문법만 이해할 수 있기 때문에, HTML문법인 style을 head에 추가하여, HTML과는 다른 언어인 CSS를 웹브라우저가 이해할 수 있도록 함.

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