CSS 이론1

2017. 12. 16. 20:02

CSS 이론

도입

HTML => 너무 못생겼다.

정보를 꾸미기 위한 언어 CSS

Cascading Style Sheet

CSS => Style 을 위한 언어

HTML + CSS : CSS는 독립적인 언어이긴 하지만 HTML 없이는 의미가 없다.

HTML : 정보에 집중

CSS : 디자인에 집중

HTML과 CSS의 공존

=> Style이란 태그

tip : Ctrl + \ 를 통해 왼쪽에 있는 Tree View를 껐다 켰다 할 수 있음

CSS실습 전 코드

실습 1 : h1태그의 색과 글자크기를 바꾸고 싶다.

<style>
  h1 {color : red}
</style>

CSS의 시작과 끝은 style 태그에 있다.

이유 : Markup(꺽새) 가 있으므로

h1의 의미 : h1이란 태그를 가지고 있는 것들의 속성을 설정

1번 코드

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
  </head>
  <body>
<h1>CSS</h1>
<h2>JavaScript</h2>
<h3>HTML</h3>
  </body>
</html>

2번코드

<!DOCTYPE html>

<html>

<head>

<style>

h1 {color:red}

</style>

</head>

<body>

<h2>JavaScript</h2>

</body>

</html>

푸키키키