HTML과 CSS 연결

less than 1 minute read


연결

HTML과 CSS를 연결시키는 방식에는 크게 두가지가 있다.

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    <h2 style="color:red">Hello World</h2>
  </body>
</html>

style 속성

Hello World

스타일 속성의 값으로는 css언어가 오기로 약속이 되어있다.


style 태그

<!DOCTYPE html>
<html>
  <head>
    <style>
      h2{color:blue}
    </style>
  </head>
  <body>
    <h2 style="color:red">Hello World</h2>
  </body>
</html>

Hello World

style 태그 범위 안에서 h2의 색상을 css언어로 지정한다.


CODEPEN

HTML, CSS, JS를 웹에서 테스트 해볼 수 있는 페이지이다.

CODEPEN

See the Pen Untitled by Bakcoding (@bakcoding) on CodePen.