본문 바로가기
CSS

CSS 삽입 - import

by 샷타이거 2008. 9. 26.

css가 간단하고 짧다면 한파일에 다 설정해도 되겠지만 복잡하고 길다면 알아보기도 어렵고 후에 관리하기에도 어려움이 많을 것이다.

이에대해 import를 사용해보자.

기본 문서 html에 복잡한 css구문을 의미별로 3개로 나눈후 한css에 연결시키는 밥법이다.

가정삼아서 다음과 같이 나누었다.
master.css 다른 css파일을 연결시킨다.
layout.css:레이아웃 결정
color.css:폰트관리
ect.css:기타

1. 먼저html에 master.css  삽입
<link rel="stylesheet" type="text/css"  href="master.css"/>

2.master.css에 다른 css파일들을 연결시켜준다.
@import url("master.css");
@import url("layout.css");
@import url("ect.css");

요약: 앞서 말한듯이 긴 css구문을 사용하면 관리 수정하기에 불편함이 있다.
        위처럼한다면 각각의 css에 의미를 두어 알아보기도 쉽고 수정하기도 편하다는
        장점이 있다. 과도한 하지만 링크는 금물이다 만약 master.css에 너무많은 css
       파일을 링크시킨다면 느려지고 과부하가 걸릴것이다.때에따라 적절히 사용하자.




댓글