CSS 관련 내용을 다루기 이전 CSS가 무엇인지 간단하게 정의해보겠습니다.
CSS(Cascading Style Sheets)
-> HTML, XML로 작성된 문서에 다양한 스타일을 입힐 수 있는 언어로 HTML, XML에 존재하는 다양한 요소들이 어떻게 보여지는지에 대해 작성할 수 있습니다.
즉, CSS는 웹페이지를 꾸미기 위해 작성하는 코드라는 것입니다.
하지만, CSS는 프로그래밍 언어도 아니고 마크업 언어도 아닌 Style sheet라는 언어입니다.
CSS는 문서에 스타일을 적용할 수 있지만, 문서가 존재하지 않는다면 CSS 코드는 의미가 없게 되는 것입니다.
혼자 쓸 수 없는 코드라는 뜻이죠.
그렇다면, 왜 이러한 CSS를 사용하는 것일까요?
그 이유는 바로 다양한 디자인으로 웹을 디자인할 수 있기 때문입니다.
◈ CSS 적용 전 ↓
See the Pen XWNNJwY by JaeyongLee (@jaeyonglee960212) on CodePen.
◈ CSS 적용 후 ↓
See the Pen bGBBVaO by JaeyongLee (@jaeyonglee960212) on CodePen.
원에 손을 한번 대보세요!
신기하시죠? 이게 바로 CSS가 지닌 놀라운 매력이랍니다!
이상, CSS에 관해 간략하게 알아보았습니다.
다음 글에서는 CSS를 HTML에 적용하는 방법에 대해 알아보겠습니다!
'css' 카테고리의 다른 글
| <css 공부> 6장. 디스플레이 - 블록, 인라인 (0) | 2021.02.24 |
|---|---|
| <css 공부> 5장. 클래스와 아이디 (0) | 2021.02.22 |
| <css 공부> 4장. 선택자 (Selector) (0) | 2021.02.19 |
| <css 공부> 3장. 색깔 입히기 (0) | 2021.02.16 |
| <css 공부> 2장. CSS 적용 방법 (0) | 2021.02.14 |