본문 바로가기
코딩

HTML과 CSS가 만나는 법

by Skema 2017. 2. 15.
반응형

HTML과 CSS가 만나는 법 (생활코딩)


CSS


1. 코드 차원에서 바라보는 것.


2. css를 html에 어떻게 정착 시킬 것인가.


이 두개의 기능을 만나게 할 수 있는가.




CSS를 실행하는 방법은 2가지가 있는데...


먼저 인라인 방식을 살펴본다.



1. 인 라인 (In line) 방식


<!DOCTYPE html>

<html>

  <head>


  </head>

  <body>

    <h1 style="color:red">Hello world</h1> 파랑 : html 문법, 빨강 : CSS 문법

  </body>

</html>





2. 임베디드 방식


<!DOCTYPE html>

<html>

  <head>

    <style>

      h2{

        color:blue;  --------------> : CSS 문법.

      }

    </style>

  </head>

  <body>

    <h1 style="color:red">Hello world</h1>

    <h2>Hello world</h2>

  </body>

</html>





1, 2 두가지 방식 모두


css에 html을 결합시키는 방식임.

반응형

'코딩' 카테고리의 다른 글

선택자의 종류  (0) 2017.02.16
선택자와 선언  (0) 2017.02.16
실습환경  (0) 2017.02.15
CSS 소개  (0) 2017.02.15
HTML5 입력 값 체크  (0) 2017.02.14

댓글