웹사이트를 아름답게 하는 CSS

이제 CSS에 대해 이야기하겠습니다. HTML이 사이트의 뼈대를 담당한다면 CSS는 웹사이트를 아름답게 하는 역할을 합니다. 예를 들어 다음과 같이 HTML만으로 구성한 사이트는 텍스트와 그림만 단순 나열해서 필요한 정보는 모두 담고 있지만 눈으로 보기에 좋지 않습니다. 왼쪽이 HTML만으로 구성한 사이트이고 오른쪽이 CSS를 더한 사이트입니다. 사이트에 적힌 텍스트는 같지만 생김새가 다르죠.

같은 구조의 웹사이트라고 하더라도 CSS를 적용하면 완전히 다르게 보입니다. 우리는 아름다운 디자인의 웹사이트를 선호합니다. 왜냐하면 웹사이트에 접속하는 건 사람이거든요. 사람은 눈으로 웹사이트를 살펴보기 때문에 더 보기 좋고 읽기 편하게 꾸밀 필요가 생겼고, CSS는 그런 이유로 만들어졌습니다.