(♡.62.♡.7) - 2003/03/14 22:27:20

이런거 그리 중요시할 필요는 없을것 같은데요.나모나 드림웨버같은것을 쓰면 직접 소스안쓰고 멋진 스타일 시트를 만들수 있을걸요.그럼 아래 설명하죠.전 이런거 설명하기 무지 즐기죠.ㅎㅎ
맨 첫줄에 있는<style type=text/css>는 무슨건지 알겠죠.스타일시트작성에는 여러가지가 있는데 위에서 례로 든것은 직접 html문서 안에 삽입해 넣는것에 속합니다.이런걸 제외하고 또 이런 스타일시트를 한개 파일로 만들어서 저장한후 쟈바스크립으로 불러오는것이죠.보통 비교적 큰 사이트에 가서 보면 이런거 사용한게 많아요.이런 파일의 확장명은 보통 *.css입니다.
그다음 아래 부분으로 내려갑시다.
BODY,TD,DIV {font-family:verdana;font-size:8pt;color:#cccccc;}
.comment {font-family:tahoma;font-size:10pt;color:#cccccc;}
여기서 font-family는 글자체를 지정하는소스입니다.여기서는 verdana체를 선택하였군요.그리고 font-size는 글자크기를 지정하는것입니다.뒤에 있는 color는 당연히 글자색상이겠죠.그리고 맨위에있는 BODY,TD,DIV이것은 이와같이 설정한 글자를 body(본문),td(매칸)마다에 적용하겠다는 뜻입니다.그런데 주의할것은 만약 웹폰트를 쓸경우 폰트(글자)체 경로를 적어야하죠.례하면 @font face:티티체 url="폰트주소"이렇겠죠.
A:link {color:#990033;text-decoration:none;}
A:visited {color:#666666;text-decoration:none;}
A:active {color:#666666;text-decoration:none;}
A:hover {color:#999999;text-decoration:none;}
이네개구절 아주 중요합니다.
여기서 A:link는 링크된 글자스타일을 지정하는것이죠.color:#990033은 글자색상을 RGB색상으로 지정한거구.뒤에 있는 text-decoration:none.은 글자밑에 밑줄을 넣지않겠다는것을 말합니다.
같은 도리로 A:visited 는 이미 방문한 글자스타일을 지정한것이고 A:hover은 마우스가 글자위에 있을때의글자스타일을 지정하는것이죠.

제가 알고있는것만큼 적었습니다.도움이 되였는지 모르겠네요.그러면 오늘은 이만...