드뎌..... 기본 사용방식에 대해서
설명드리네요.^^ 스타일 시트의 사용방식은
세가지 형태로 나누어 지는데요.... 사용방식이 3가지
형태로..? 말이 좀 이상하죠? 흠..-_- ;;;
사용방식이라고도 할 수 있는데...쉽게 말해서
웹페이지에 스타일 시트를 넣어서 사용하는
방법을 말합니다. 세가지란 우리가 지금까지
예제로 봐왔던 "embeded 방식" , 그리고 css파일을
만들어 "링크시키는 방식" , 마지막으로
직접 HTML태그내에 스타일 시트를 적용시키는 "인라인방식"
으로 나눌 수 있습니다.
☞ embeded (임베이드) 방식
<style type="text/css"></style> 을
사용하여 스타일을 지정하는 방식으로써
웹페이지의 <head></head>부분에 들어가게
되죠. 일명 웹페이지 포함 방식입니다.
일반적으로 공통된 스타일 시트가 적용되는
웹페이지의 수가 몇 개 안되는 경우에
사용됩니다.
☞ 링크시키는 방식
일반적으로 메모장에 스타일 시트를 적어
확장자를 css파일로 해서 저장한 다음 이
파일을 각각의 웹페이지에 링크시키는
방식으로써 공통되는 스타일 시트가 적용되는
웹페이지의 수가 많을 경우 <head></head>사이에
<link rel = stylesheet href="lovestory.css"
type="text/css"> ☜이런 방식으로
링크를 시켜주는 방법입니다.
☞ 인라인 방식
HTML태그 내에 직접 스타일 시트를 적용시켜
주는 방식입니다. 채팅방에서 많이 사용됬던 태그
중 하나였는데요...^^ 예제를 보시면 바로 알 수
있습니다.
이상으로 스타일 시트의 기본적인 방식 3가지에
대해서 말씀드렸습니다. 일반적으로 임베이트
방식이 가장 많이 사용되는 거 같구요.
태그매니아 홈페이지도 임베이드 방식으로
사용하고 있는데....언제 날 잡아서 링크방식으로
바꿔야 겠군요...요즘 시간이 없어서리.....-_-
;;; 아....그리고 혹시
링크시키는 방식에서 css파일을 어떻게 만들어야
하는가 궁금해 하실 분들이 있을 것 같아
간단하게 설명드리겠습니다. 일단 메모장에다가
임베이트 방식으로 스타일 시트를 적어 넣습니다.
그런다음 저장을 할 때 확장자를 css로 해서
저장을 시키세요. 그런 다음 위에서 설명한
것처럼 링크방식을 이용해서 웹페이지의 head
부분에 넣어주시면 되죠. 간단하죠?
흠......스타일 시트 첫번째 특강은 여기서
마치도록 하겠습니다. 두번째 특강에서는 class
사용방법에 대해서 알아보도록 하겠습니다.
푸~하~(하품하는 소리 -_- ;; ) 잠이 와서
안되겠습니다. 오늘 셤도 끝나고 해서 올나이트를
한번 해볼까 했는데....역시 나이는 못 속이는
구만요........ 한창땐...3일동안 밤을 세워도 끄떡
없었는데......... zzzzz
