웹디자인 강의 - HTML/CSS
글수 464
스타일 시트파일을 만들기 ..
가장 기초적인 스타일 시트이다.
잘 아는 바와 같이 스크롤바의 색상과 링크의 스타일만 지정하였다.
<STYLE TYPE="text/css">
<!--
BODY
{scrollbar-face-color: #00000F; scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #00000F;
scrollbar-darkshadow-color: #00000F; scrollbar-track-color: #00000F;
scrollbar-arrow-color: #FFFFFF}
a:link { text-decoration: none;}
a:visited { text-decoration: none;}
a:active { text-decoration: none;}
-->
</STYLE>
위의 스타일 시트에서는 아래 부분이 실제 스타일 시트의 태그이다.
BODY
{scrollbar-face-color: #00000F; scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #00000F;
scrollbar-darkshadow-color: #00000F; scrollbar-track-color: #00000F;
scrollbar-arrow-color: #FFFFFF}
a:link { text-decoration: none;}
a:visited { text-decoration: none;}
a:active { text-decoration: none;}
이 부분을 메모장이나 웹 에디터에 저장한다. style.css란 이름으로 저장하였다고 가정한다면
<link rel="StyleSheet" HREF="스타일시트의 경로/style.css" type="text/css">
이와같이 선언하여 style.css파일을 사용할 수있다.
-------------------------------------------------------------------
중복 확인 하지 못했습니다 .중복이 라면 삭제 하겠습니다.
다만, 조금이나마 도움을 주고자 이렇게 글씁니다 .. ㅠㅠ
그럼 안녀히 게시구 .. 더 많은 강좌 보시려면 제 홈 찾아주세요^^
가장 기초적인 스타일 시트이다.
잘 아는 바와 같이 스크롤바의 색상과 링크의 스타일만 지정하였다.
<STYLE TYPE="text/css">
<!--
BODY
{scrollbar-face-color: #00000F; scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #00000F;
scrollbar-darkshadow-color: #00000F; scrollbar-track-color: #00000F;
scrollbar-arrow-color: #FFFFFF}
a:link { text-decoration: none;}
a:visited { text-decoration: none;}
a:active { text-decoration: none;}
-->
</STYLE>
위의 스타일 시트에서는 아래 부분이 실제 스타일 시트의 태그이다.
BODY
{scrollbar-face-color: #00000F; scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #00000F;
scrollbar-darkshadow-color: #00000F; scrollbar-track-color: #00000F;
scrollbar-arrow-color: #FFFFFF}
a:link { text-decoration: none;}
a:visited { text-decoration: none;}
a:active { text-decoration: none;}
이 부분을 메모장이나 웹 에디터에 저장한다. style.css란 이름으로 저장하였다고 가정한다면
<link rel="StyleSheet" HREF="스타일시트의 경로/style.css" type="text/css">
이와같이 선언하여 style.css파일을 사용할 수있다.
-------------------------------------------------------------------
중복 확인 하지 못했습니다 .중복이 라면 삭제 하겠습니다.
다만, 조금이나마 도움을 주고자 이렇게 글씁니다 .. ㅠㅠ
그럼 안녀히 게시구 .. 더 많은 강좌 보시려면 제 홈 찾아주세요^^
2004.03.07 13:43:45 (*.33.104.101)
이런것도 있죠.
#font {적당한 속성들}
font 태그로 감싸진 것들은 변합니다.
(저런 식으로 새로운 태그를 만들려 했으나 대략 낭패.)
#font {적당한 속성들}
font 태그로 감싸진 것들은 변합니다.
(저런 식으로 새로운 태그를 만들려 했으나 대략 낭패.)



이런 기능도 설명해 주시면 좋겠네요 ^-^ 거의 대부분 잘 모르시더라구요;;
이렇게 사용하면 좀더 간편하게 글자 스타일을 바꿀수 있는데 말이죠(쿨럭)