CSS

HTML과 CSS가 만나는 법

이번 시간에는 HTML에 CSS를 삽입하는 방법을 알아봅니다. 

예제 - html_css1.html

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

아래는 실습환경 없이도 코드를 온라인에서 실행해볼 수 있는 서비스인 codepen입니다.을 누르면 온라인에서 실행해 볼 수 있습니다.

댓글

댓글 본문
작성자
비밀번호
  1. matheios
    Good! 넵넵 강의 감사합니다! HTML의 문법과 CSS의 문법의 구분 감사합니다~
  2. 만복이
    감사합니다.
  3. 2016.12.25 done!
  4. 임지호
    HTML에 CSS를 삽입하는 방법
    1. CSS를 적용하고자 하는 태그 속성으로 style="..."을 준다. (...에는 CSS문법이 들어가야함)
    2. <head>태그에 <style>태그를 작성하고 그 안에 적용하고자 하는 태그와 CSS문법을 적는다.
  5. 브라우저 상에서 보여지는 부분이 <body>태그여서 <head>태그에 <Style>을 넣으면 헛갈리지 않을까 생각했습니다. 정보와 디자인의 분리라는 측면으로도 봐도 괜찮네요~
    대화보기
    • 권용식
      아마 보기 좋게 정리하려고 그렇게 하는 게 아닐까요? 정보와 디자인의 분리 때문에 html과 css가 분리된 것처럼요 정궁금하시면 한 번 해보셔도 ^^
      대화보기
      • CSS 삽입방법 2번째에서 <style> </style>을 <body>태그 안에 넣으면 안 되는 건가요?
      버전 관리
      egoing
      현재 버전
      선택 버전
      graphittie 자세히 보기