CSS 선언

미분류

css선언방식

in-line(인라인) 방식

HTML tag에 직접 Style 속성값을 지정 하는 방법.

HTML 문서

<strong style="font-size:10px" >안녕하세요. </strong>

Internal(내부) 방식

head tag 안에 style tag로 선언하여 선택자에 따라 일괄적으로 선언하는 방법.
head tag 안에 오는 것이 정석이나 상황에 따라 body 안에도 선언하여 사용 가능.

HTML 문서

<head>
    <style type="text/css">
        .tit {font-size:20px}
        .desc {font-size:16px}
    </style>
</head>

External(외부) 방식

CSS style 내용을 CSS 파일로 따로 저장하여 페이지에 linking 시키는 방법.
여러 개의 파일을 link 시킬 수 있기 때문에 공통/자주 사용되는 부분을 따로 저장하여 사용하는게 용이하다.
CSS 파일 내에 인코딩 선언을 해주는 것이 좋다.

HTML 문서

<head>
    <link rel="stylesheet" href="common.css" type="text/css" />
</head>

CSS 문서

.tit {font-size:20px}
.desc {font-size:16px}

import 방식

External 방식으로 링크된 CSS 안에 또 다른 CSS를 불러오는 방식을 말한다.
페이지가 다 로딩되고 이미지가 로딩되는 이슈로 인하여 권장되는 방식은 아니다.

CSS 문서 (common.css)

@import url("layout.css");

출처 : 다룸 [ http://darum.daum.net]