[CSS] CSS란?

CSS 정의

css는 Cascading Style Sheets의 약자로 HTML과 같은 문서의 스타일을 꾸밀 때 사용하는 언어다.

 

 

HTML이란?

[WEB] HTML이란? (1/3)

[WEB] HTML 기본 형식 (2/3)

[WEB] HTML 자주 사용하는 태그 순위 (3/3)

 

 

 

---

CSS 탄생 배경

사람들은 HTML으로 문서를 만들고 보는 것에 만족하지 않았다.

문서를 좀 더 보기 좋고 예쁘게 꾸미고 싶었다.

 

그리고 사람들은 곧 두 가지 방안을 제시했다.

 

하나는 기존 HTML에 디자인 태그 추가, 다른 하나는 새로운 디자인 언어를 만드는 것이다.

 

결과적으로는 기존의 HTML에 디자인 기능 추가보다 유지보수가 편리한 새로운 언어 CSS를 만들었다.

 

---

CSS 사용법

스타일을 지정할 HTML 요소를 선택한다. 그리고 중괄호 {} 안에 속성과 값을 넣어준다.

 

위 코드를 예를 들어보자.

 

1. 스타일을 지정할 HTML 요소인 <h1>을 선택했다.
2. 중괄호 {} 안에 color라는 속성과 red라는 값을 넣어줬다.

 

CSS를 통해, HTML 요소인 <h1>의 색상 정보를 red로 손쉽게 바꿀 수 있다.

 

---

CSS를 사용하는 이유

우리는 위 코드를 통해 CSS를 HTML에 성공적으로 적용되는 걸 확인해봤다.

 

만약 CSS를 사용하지 않고 HTML으로 작성했다면 어떻게 되었을까?

 

HTML에 <h1> 태그가 하나만 있다고 생각해보자. 그리고 <h1>의 색상 정보를 blue로 바꾸고 싶다.

한 개의 <h1> 태그를 바꾸는 건 쉽다.

하지만 극단적으로 몇억개가 존재한다면? 우리는 <h1>의 색상을 바꾸다가 죽을 것이다...

 

이와 같은 비효율적인 문제를 해결하기 위해 CSS를 사용한다.

 

 

CSS를 사용하면 저기 안에 있는 color만 blue로 바꾸면 끝이다!

 

 

 

좋아요는 로그인하지 않아도 누를 수 있습니다!