웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
스타일 시트파일을 만들기 ..
2004.03.07 11:12
스타일 시트파일을 만들기 ..
가장 기초적인 스타일 시트이다.
잘 아는 바와 같이 스크롤바의 색상과 링크의 스타일만 지정하였다.
<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파일을 사용할 수있다.
-------------------------------------------------------------------
중복 확인 하지 못했습니다 .중복이 라면 삭제 하겠습니다.
다만, 조금이나마 도움을 주고자 이렇게 글씁니다 .. ㅠㅠ
그럼 안녀히 게시구 .. 더 많은 강좌 보시려면 제 홈 찾아주세요^^
댓글 4
-
[수아]작은아씨
2004.03.07 12:51
-
세죠위그이
2004.03.07 13:43
이런것도 있죠.
#font {적당한 속성들}
font 태그로 감싸진 것들은 변합니다.
(저런 식으로 새로운 태그를 만들려 했으나 대략 낭패.) -
nreal
2004.03.08 09:21
# 은 id 에다가 먹이는거 아닌가요?
제가 알기론 그런데 예를 들어 <div id='menu'> 이런식으로 있으면...
#menu { 이렇게 되는거 아닌가요?
그리고 태그는
body{...
태그중에서도 클라스 먹인것들은 (<div class='black'>
div.black{ ...
이런식으로 알고있는데... -
yeupy
2004.04.04 22:08
nreal님이 맞습니다.
제목 | 글쓴이 | 날짜 |
---|---|---|
동영상과 함께 자막 재생하기. [4] | 세강:D | 2004.08.16 |
도메인 포워딩 하기 [4] | 나준혁 | 2004.07.27 |
이미지에 필터만으로 그림자주기.. [15] | Simsim | 2004.07.07 |
어쩌다 나온 깔끔한 그레이 스크롤바.. 흠흠.. [11] | ☺심심 | 2004.06.06 |
relative 속성 레이어를 이용한 메뉴를 자리차지하지 않게... [1] | PHASE | 2004.06.03 |
처음올립니다;ㅂ; 너무 신기한 거 발견;; [19] | 올리못™ | 2004.05.30 |
아이프레임 가로스크롤바 없애기 [3] | 백승창 | 2004.05.28 |
아기창 뜨고 부모창 닫기 [6] | 임소식 | 2004.05.19 |
플래시 swf파일 배경 투명하게 하기 ~~~ [8] | kim's | 2004.05.09 |
자동 스크롤 메뉴 (끄기 기능, 무한 스크롤 X) [6] | ☺심심 | 2004.05.02 |
홈페이지 빠르게하는 [로딩속도를 높히는 10가지방법] [20] | kim's | 2004.04.29 |
[tip]간단한 반투명 필터 적용법 [2] | 드래군 | 2004.04.21 |
제로보드에서 손쉽게 복사하는 소스 (아래보다 더 편함..) [2] | Danggn™ | 2004.04.17 |
(For 초보)폼안에 내용을 자동선택+자동복사해줍니다. [6] | 쉬드 | 2004.04.10 |
모든 스킨에서 중국어 간체 볼 수 있도록 해주는 법... [6] | 학몽 | 2004.03.09 |
스타일 시트파일을 만들기 .. [4] | 박종익 | 2004.03.07 |
간단하게, 색깔있는 밑줄 긋기. [4] | naughtykidd | 2004.02.27 |
몇 가지 팁..( 좀 깁니다.. 어느 정도 안다고 생각하시는 분들, 추천 ) [3] | naughtykidd | 2004.02.26 |
스타일시트를 이용한 텍스트박스 스타일 제어(밑줄,점선) [8] | 01CODE.com | 2004.02.26 |
전송버튼의 테두리를 없애 BoA요 >_< [7] | 플로렐라 | 2004.02.14 |
이런 기능도 설명해 주시면 좋겠네요 ^-^ 거의 대부분 잘 모르시더라구요;;
이렇게 사용하면 좀더 간편하게 글자 스타일을 바꿀수 있는데 말이죠(쿨럭)