html & css/개념

CSS 소개

Doo Hee 2023. 8. 24. 18:05

CSS

- 웹페이지를 꾸며주는 언어

- CSS를 배우기 전, HTML의 지식이 필요함 ( HTML은 태초의 언어, 웹의 토대이기 때문)

 

HTML 의 본질의 변화

정보, 전자 출판을 위해 만들어진 언어이지만 웹페이지가 좀 더 보기에 아름답게 만드길 추구했다. 때문에 다양한 디자인 태그들 추가되면서 정보로서의 기능과 디자 기능을 동시에 가지게 되었다.

 

 <li font color="red">HTML</li>
 <li font color="red">CSS</li>
 <li font color="red">JavaScript</li>

<li> 태그는 각각이 어떠한 항목이다 라는 정보를가진 태그

<font> 태그는 글자를 붉은색으로 표현하는 디자인과 관련된 태그로 정보와 관련이 없다.

 

이후 웹의 폭발적인 성장으로 HTML 기술이 중요하고 정보로서의 가치가 커짐과 디자인 태그가 많아지면서 복잡해졌다. 이에 HTML 디자인 기능을 없애고 새로운 문법을 가지고 있는 체계, CSS를 만들었다.

 

CSS를 만든 이유

- 분화시켰을때 효과가 더 크다는 점.

- 정보의 역할에 충실하기 위해, 정보에 전념하기 위해서

 

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

 

<style> 태그

- '지금부터 CSS언어가 나오니까 CSS의 문법에 따라서 해석하세요.'

- style 태그 안에 들어오는 문법들은 HTML이 아니니까 CSS의 문법에 따라서 해석해서 거기에 쓰여있는대로 동작하라고 웹브라우저에 지시하는 것