[CSS]스타일시트 불러오기

스타일 시트를 불러오는 방법은 크게 3가지 입니다.

1. 외부에서 불러오는 방법
2. 내부에서 직접 코딩하는 방법
3. 태그안에 바로 삽입하는 인라인 (inline) 방법

여기서 가장 좋은 방법은 외부에서 불러오는 방법입니다.

첫번째 외부스타일은 다음과 같습니다.

<link rel="stylesheet" href="스타일있는곳" type="text/css">

다른방법은

<style type="text/css">
@import url (첫번째 스타일 있는 경로);
@import url (두번째 스타일 있는경로);
</style>

이런식이 되겠군요.. 유지보수나 기타 관리가 편하게 하기 위해 레이아웃 스타일이나 프린트스타일 등으로 나눌수 있는 경우가 있으니, 위에 방법으로도 사용가능합니다.

두번째는 내부스타일 시트 입니다.
css파일이 아닌 보여지는 문서 head 안에 넣으시면 됩니다.

 

<style type="text/css">
이안에 스타일시트를 작성
</style>

세번째는 태그안에 삽입하는 인라인 방법입니다.

 

<p style="color:#999; background-color:#000;">테스트</p>

이런식이 되겠습니다.

 

가장좋은 방법이 외부스타일이긴 하나, 페이지 특성상 내부가 외부보다 적합할때가 있으며, 인라인 스타일또한 해당 페이지에 맞게 더욱더 유용하게 사용될수도 있습니다.

 

스타일이 인식하는 순서는 1.인라인 - 2.내부 - 3.외부스타일 순입니다.