반응형
| 1. CSS 등장배경 |
HTML이 등장하며 웹에 정보를 입력할 수 있게 되었다.
하지만 사람들은 단순히 정보를 입력하는 것에 만족하지 않았다. 문자를 정렬하고 싶었고 색을 입히고 싶었다.
그렇게 CSS라는 언어가 탄생하였다.
| 2. 예시 |
예시를 살펴보자(지금 보는 것은 CSS는 아니다, HTML 이다.)
지금은 웹에 정보만 입력되어 있다.
우리는 여기에 색을 입히고 싶다.
이렇게 색을 추가할 수 있다.
이제 앞으로 우리는 웹에 단순히 정보만 입력하는 것이 아니라 보기 좋게 꾸밀 수 있게 되었다.
| 3. 맛보기 |
HTMl언어로 색을 추가해야한다면 위에 예시처럼 태그안에 하나하나 입력을 해줘야한다.
그것은 효율적이지 않기 때문에 우리는 CSS언어를 이용한다.
HTML언어 안에 CSS언어를 넣게되면 컴퓨터는 이것을 CSS가 아닌 HTML로 인식하게 된다.
그래서 먼저 CSS언어를 사용할 것이라는 것을 알려줘야한다.
head 태그 안에 <style></style> style 태그를 입력한다.
a라는 태그한테 빨간색을 입혀주고 싶다면
a{
color='red';
}
이렇게 입력해주면 된다. html로 언어를 색을 입혀줬을 때랑 많이 다르다. 더 효율적이다.
반응형
