 스타일시트 를 html 문서에 삽입하는 방법 | |||
style sheet 를 문서에 삽입하는 방법에는 크게 3가지가 있습니다.  style 속성를 이용하는 방법 style sheet 를 정의하여 사용하는 방법 외부 style sheet 를 연결하여 사용하는 방법우리들이 흔히 사용하는 방법은 2번의 style sheet 를 정의하여 사용하지만 3번의 외부 style sheet 를 연결하여 사용하는 방법도 사용합니다. | |||
 1. style 속성을 이용하는 방법 | |||
스타일을 적용할 요소에 style 속성을 지정하고 그 값으로 직접 스타일시트를 기술할 수 있으며 [ ; ] 로 구별하여 여러 스타일을 지정할 수 있습니다. 어느 특정부분에만 적용할때 사용하는 방법으로 문서량이 많아질수 있으므로 적당히 사용하는 것이 좋습니다. [예]
[결과]
| |||
| 2. style sheet 를 정의하여 사용하는 방법 | |||
일반적으로 가장 많이 사용하는 방법으로 웹페이지의 < head >에 삽입하여 사용합니다. [기본 형태]
[예]
[결과]
| |||
| 3. 외부 style sheet 를 연결하여 사용하는 방법 | |||
link 요소를 사용하면 다른 파일에 기술한 스타일시트(외부 스타일시트)를 문서에 삽입할 수 있기 때문에 이 방법을 이용하면 여러 html 문서에서 스타일 시트를 공유하거나, html 문서를 수정하지 않고 스타일시트만 변경하여 웹문서를 변경시킬 수 있습니다. 우선 아래와 같은 문서를 만들고 abcde.css 란 파일로 저장을 합니다. 파일의 이름은 마음대로 정하세요. h4 { font-style:italic;font-family:cursive;font-weight:800 } 그런 다음에 아래와 같은 문서를 작성하면 스타일이 적용됩니다. [예]
내용을 설명하자면 rel 는 연결하는 문서가 스타일시트임을 나타내는 것이고, type 는 스타일시트의 형식을 나타내는 것이고, 마지막에 있는 href 는 연결하는 문서의 경로와 이름을 나타내는 것입니다. 나중에 수정하실때에는 abcde.css 파일만 수정하시면 모든 파일에 그 내용이 적용됩니다. 무지 편리하지요. [결과]
|
2011년 1월 11일 화요일
css 산입
피드 구독하기:
댓글 (Atom)
댓글 없음:
댓글 쓰기