1. CSS 소개

CSS의 등장 배경

HTML이 생긴 이후, 다양한 불만족들이 발생했고 대표적으로 사이트를 좀 더 아름답게 만들고자 하는 욕구가 있었다.

이를 위해 우선 HTML에 디자인을 위한 태그를 만들기 시작한다.

하지만, 웹이 활성화 되면서 HTML이 담고있는 정보는 중요해지는데 반해 <font>와 같은 의미없는 design 태그가 많아지면서 HTML의 '정보를 담는' 코드로서 가치가 급락하게된다.

<li> 태그는 'list'라는 웹 자체에 대한 정보를 지니지만 <font> 태그는 그렇지 않기 때문에 웹을 파악하는데 도움이 되지 못한다.

결국 어렵지만 근본적인 해결책으로 디자인을 위한 새로운 언어인 CSS를 만들게 된다.

CSS는 HTML과 '다른' 언어이다. → 이는 웹 브라우저에게 CSS를 CSS로 인식하기 위해 HTML의 문법으로 알려주어야 한다는 것을 의미한다.

<!-- 감싸진 코드를 CSS의 문법으로 읽어라 -->
<style> CSS Code </style>

<!-- Example: 모든 li의 색상을 빨간색으로 지정 -->
<style>
    li {color: red;}
</style>

이처럼 CSS를 따로 사용하면

2020.04.23에 작성