CSS 수업 - CSS 소개

생활코딩 css

HTML

• css가 있기 전에 있던 언어

CSS

• html없으면 존재할 수 없다.

HTML의 본질

• 정보
• 전자출판을 위해서 만들어진 언어
  • 정보를 생산하고 보관하고 전송하기 위해서 전자출판을 함
• 어떻게 정보를 잘 표현할까?
• 처음에는 디자인이 별로 필요하지 않았음.
• 시간이 지나면서 웹 페이지가 좀 더 아름답기를 원함.
• 태그에 디자인과 관련된 것들을 추가하기 시작함.

• 위에서 말한 디자인과 관련된 생긴것들의 대표적인 것
• 정보의 기능은 없고 디자인만 할 수 있음.

웹의 성장

• 웹이 폭발적으로 성장.

• 폰트와 관련된 태그들이 난잡하게 삽입되기 시작함

새로운 언어 css 만듦

• 새로운 문법이기에 어려움

• html을 정보에 전념하기로 함

• css가 디자인에 훨씬 효율적인 문법을 가짐

• 그래서 분화가 되었다.

<style>
    #li태그에 속성을 적용해라
    li {
        color:red;
    }
</style>

<li>HTML</li>

정보와 디자인의 분리

• 검색엔진 등 필요한 정보를 잘 가져가서 처리할 수 있음
• 일괄적용이 가능하다.