CSS와 HTML
CSS는 간단히 이야기하면 HTML(마크업 언어)을 꾸며주는 표현용 언어입니다.
HTML이 문서의 정보, 구조를 설계한다면 CSS는 문서를 보기 좋게 디자인합니다.
CSS는 분명히 HTML과는 독립된 다른 언어지만 마크업 문서 자체가 존재하지 않으면
CSS는 무용지물이나 마찬가지입니다.
왜냐하면, CSS는 표현을 위한 언어인데 마크업 문서가 없다면 표현할 대상이 없기 때문입니다.
그래서 CSS는 보통 마크업 언어인 HTML과 같이 묶어서 이야기합니다.
CSS로 표현한 다양한 웹 사이트들
전 세계에 많은 웹 사이트들이 있습니다.
그리고 그것들 모두 HTML 태그를 이용해서 만들어졌고, 자주 사용되는 태그의 개수는 10여 개밖에 되지 않습니다.
결국, 모든 사이트가 비슷한 HTML 태그를 사용해서 만들어졌음에도 불구하고
각각 다양하고 독창적인 디자인으로 표현 가능한 이유가 바로 CSS 덕분입니다.
CSS는 문서를 디자인하는 강력한 힘을 가졌습니다.
아래 참고 링크를 방문하면 하나의 HTML이 다양한 CSS를 통해 바뀌는 것을 확인할 수 있습니다.
참고자료
CSS Zen Garden: The Beauty of CSS Design
A demonstration of what can be accomplished visually through CSS-based design.
'코딩 공부' 카테고리의 다른 글
| 비전공자를 위한 HTML/CSS-선택자1 (0) | 2022.05.03 |
|---|---|
| 비전공자를 위한 HTML/CSS-CSS 문법과 적용 (0) | 2022.05.03 |
| 비전공자를 위한 HTML/CSS-블록&인라인 (0) | 2022.05.03 |
| 비전공자를 위한 HTML/CSS-시멘틱 마크업 (0) | 2022.05.03 |
| 비전공자를 위한 HTML/CSS-콘텐츠 모델 (0) | 2022.05.03 |