HTML문서에 스타일시트를 적용하기 위해서는 아래의 3가지 방법중에서 선택하여 사용할 수 있으며,
스타일시트를 이용하기 전에 사이트의 규모, CSS의 활용도 등 제작환경을 충분히 고려한 다음
방법을 선택하여 적절히 활용하는 것이 중요한다.

- HTML문서에서 직접 요소에 지정하는 방법
- HTML문서의 HEAD에 두는 방법
- 외부에 CSS파일를 만들어 링크로 연결하는 방법


▶ HTML문서에서 직접 요소에 지정하는 방법

자주 사용하기 않는 스타일이라면 파일을 따로 만들어 링크를 걸거나, HEAD부분에 스타일을
지정할 필요 없이 적용하고자는 하는 요소에 직접 지정해줄수 있다.
그러나 이러한 방법을 너무 많이 사용하게 되면 소스코드가 복잡하거나 지저분해질 수 있다.


▶ HTML문서의 HEAD에 두는 방법

웹사이트의 전체적인 스타일과 별도로 독립적인 다른 스타일을 적용하고자 할때는 이 방법을
사용하면 원하는 것을 효과를 얻을 수 있다.
스타일시트를 헤드와 /헤드 사이에 스타일시트로 정의 해서 넣으면 된다.

 


▶ 외부에 CSS파일를 만들어 링크로 연결하는 방법

폴더에 CSS파일을 만들어서 각페이지에 링크를 걸어주는 방법으로 사이트에서 전체적으로
스타일 수정을 해야할 경우 HTML페이지를 일일이 열어 수정할 필요 없이 외부에 만들어준 CSS파일만 수정해 주면 되므로 사이트 관리적인 면에서 가장 효율적이다.
rel은 link요소로 파일간의 관계를 지정 (stylesheet)
type은 link요소로 연결되는 파일의 타입을 지정 (text/css)
href는 연결할 CSS파일의 위치(URL)을 지정해주어야 한다.

이 게시물을..
profile