CSS Reference

CSS 적용방법

CSS를 웹문서에 적용하는데는 다섯가지 방법이 있습니다.

  1. style속성을 개별 엘리먼트에 적용하기
    <p style="color: red;">인라인으로 스타일 적용하기</p>
  2. <head>안에 style 엘리먼트로 적용하기
    <style type="text/css">
    p {
        color: red;
    }
    </style>
  3. <head>안에 link 엘리먼트를 이용하여 외부 스타일시트 불러오기
    <link rel="stylesheet" type="text/css" href="/css/style.css" />
  4. <head>안에서 @import로 외부 스타일시트 불러오기
    <style type=""text/css>
    @import url ("/css/style.css");
    </style>
  5. xml-stylesheet처리 명령으로 외부 스타일시트 불러오기
    <?xml-stylesheet type="text/css" href="/css/style.css" ?>

위 다섯가지 적용방법중 html문서안에 직접 스타일을 기술하는 1번과 2번은 추천되지 않습니다. 마크업과 표현(css)이 철저하게 분리되는 3, 4, 5번을 추천하고 있습니다.

 

댓글

오류나 오타 신고 환영합니다. ^^;;
(도와주세요!)

댓글 본문
작성자
비밀번호
  1. Noname
    4번에 첫째줄 따옴표가 잘못됨
  2. 리체:leezche
    수정되었습니다. 감사합니다. ^^
    대화보기
    • kokoaTalk
      마크없 오타욥
    버전 관리
    리체:leezche
    현재 버전
    선택 버전
    graphittie 자세히 보기