본문 바로가기
CSS

CSS 삽입

by 샷타이거 2008. 9. 25.

CSS의 삽입

3가지방법으로 나뉘어진다

  1. 내부에 삽입 style type="text/css"
  2. 외부삽입 link rel="stylesheet"type="text/css" href="주소"
  3. 외부삽입 style type="text/css" @import url(주소)

내부에 삽입

<style type="text/css">
<!--
.body{background-color:#000000;}
-->
</style>

외부로 부터 삽입-첫번째

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

위의 경우는 티스토리의 html 편집에 가봐도 확인할 수 있을 것이다.

외부로 부터 삽입- 두번째

<style type="text/css"> @import url(layout.css);</style>

import방식을 또다른 장점으로  분배된 여러 CSS파일을 삽입할때 편하단점이다.
이에관해선 다음링크를 참조:
http://siana.tistory.com/entry/CSS-%EC%82%BD%EC%9E%85-import

위의 세가지는 head에 삽입할때이다.

인라인 스타일

이방법은  권장할만하지못하다

<p style="color:gray........ect"> 이터럼 직점 태그에 바로 적용하는 방법인데 웹표준을 지향하는 현재로썬 콘텐츠와 스타일 구분의 명확도가 떨어진다는 점에서 좋지않다.

댓글