누구나 아는 내용일듯한 482에 스타일시트(STYLESHEET) 적용하기


*아래 내용은 표현력부족으로 미약한 부분이 있으니 오해없으시길...
퍼온사이트에 별다른 감정은 없으며, 저작권들먹이며 괴롭히지 안길 바랍니다...


STYLESHEET란 택스트로 만들어진 text/css타입으로 일종의 브라우저태그?입니다.
스타일시트의 확장자명은 .css 으로 붙여지며 대부분의 웹사이트들은 이런 스타일시트가 적용되어 있습니다.
사파리의 환경설정에서 스타일시트를 적용하는 부분이 있는데, 이곳에 .css란 스타일시트를 불러들이면 사파리에 텍스트로 명령된 스타일이 기억되어
집니다.
일종의 변경양식이지요.
예를들어 digi.css 란 이름으로 스타일시트를 만들어 불러드리면 웹브라우저가 변형되지요.
각사이트마다 글자크기나 색깔등이 다른 이유는 바로 이 스타일시트때문입니다.
이 스타일시트를 웹브라우저에서 찾는것은 그리 어렵지 않습니다.
브라우저에서 소스보기를 하면
이런식으로 된 부분이 있는데, 이게 바로 스타일시트를 적용한 태그입니다.
어느곳은 라는식으로 보여지는데, 이런곳의 스타일시트는 dw1.css의 앞부분에 http://www.dreamwiz.com/ 도메인을 입력하면 대부분 보입니다.
예를들어 맘에드는 타입의 서체와 컬러가 있는 사이트의 스타일시트를 내 홈페이지나 사파리에 적용하고 싶다면....
자신의 홈페이지 헤드부분에? 를 그대로 퍼다 적용시키면 되고
사파리에 적용하려면 http://www.dreamwiz.com/css/dw1.css부분의 스타일시트 내용을 카피해서 수정하거나 한뒤에 텍스트프로그램으로 파일을 만든뒤에 그안에 카피한 내용을 붙이고 파일확장자명을 MYSTYLE.css 로 저장후에 사파리에서 적용시키면 됩니다.
아래는 몇사이트에서 퍼온 스타일시트입니다.
관련사이트에 접속해서 스타일시트를 찾아서 확인해 보세요.

http://www.nate.com/ 의 스타일시트

body, table, tr, td, input, select, textarea {font-family:±¼¸²,?¸¿?,seoul,verdana,arial;font-size:9pt;color:#000000;lin
e-height:140%;}

.w {font-family:±¼¸²,?¸¿?,seoul,verdana,arial;font-size:9pt;color:#FFFFFF;lin
e-height:140%;}
.w A:link {color:#FFFFFF; text-decoration:none}
.w A:active {color:#FFCC00;text-decoration:none}
.w A:visited {color:#FFFFFF;text-decoration:none}
.w A:hover {color:#FFCC00;text-decoration:none}

.10p {font-family:±¼¸²,?¸¿?,seoul,verdana,arial;font-size:10pt;line-height:140%
;}
?
? .c {font-family:±¼¸²,?¸¿?,seoul,verdana,arial; font-size:9pt;color:#666666;line-height:140%;text-decoration:none}
? .t {font-family:±¼¸²,?¸¿?,seoul,verdana,arial; font-size:10pt;color:#3366FF;line-height:140%;text-decoration:none}
? .d {font-family:arial,verdana;font-size:10pt;bold; font-weight:bold}
? .ad {font-family:±¼¸², ?¸¿?,arial,verdana;font-size:12px;font-weight:bold}
? .ad A:link {color:#FF0000;font_size:12px; text-decoration:underline}
? .ad A:active {color:#3366CC; font_size:12px; text-decoration:underline}
? .ad A:visited {color:#FF0000;font_size:12px; text-decoration:underline}
? .ad A:hover {color:#3366CC; font_size:12px; text-decoration:underline}
?
? .di {font-family:±¼¸², ?¸¿?,arial,verdana;font-size:10pt;font-weight: bold}
? .st {font-family:±¼¸², ?¸¿?,arial,verdana;font-size:10pt;}
?
? A:link {color:#3333CC;font_size:9pt; text-decoration:underline}
? A:active {color:#FF0000; font_size:9pt; text-decoration:underline}
? A:hover {color:#FF0000; font_size:9pt; text-decoration:underline}
?
?
?
?
? 야후코리아의 스타일시트
?
? a:link {font-family:굴림,돋움,arial; text-decoration:underline; color:#0000DE}
? a:visited {font-family:굴림,돋움,arial; text-decoration:underline; color:#800080}
? a:hover {font-family:굴림,돋움,arial; text-decoration:underline; color:#800080}
? a:active {font-family:굴림,돋움,arial; text-decoration:underline; color:#800080}
? .title {font-family:굴림,돋움,arial; font-size: 14pt; font-weight: bold;}
? .stitle {font-family:굴림,돋움,arial; font-size: 11pt; font-weight: bold; line-height: 130%;}
? .body {font-family:굴림,돋움,arial; font-size: 9pt; line-height: 130%;}
? .sbody {font-family:굴림,돋움,arial; font-size: 11px; line-height: 140%;}
? td {font-family:굴림,돋움,arial; font-size: 75%; line-height: 130%;}
?
?
? 드림위즈의 스타일시트
?
? ? ? ?? BODY {
? ? ? ? ? ? ? ?? font-size : 9pt;
? ? ? ? ? ? ? ?? font-family : ±¼¸²,¼?¿?;? ? ? }
? ? ? ?? FONT{
? ? ? ? ? ? ? ?? line-height : 17px;
? ? ? ? ? ? ? ?? font-size : 9pt;
? ? ? ? ? ? ? ?? font-family : ±¼¸²,¼?¿?;? ? ? }
? ? ? ?? TD {
? ? ? ? ? ? ? ?? font-size : 9pt;
? ? ? ? ? ? ? ?? font-family : ±¼¸²,¼?¿?;
? ? ? ? ? ? ? ?? line-height : 17px;? ? ? }
?.small{font-size : 8pt;? ? ? font-family : ±¼¸²; color:#000080;}
?.small1{font-size : 8pt;? ? ? font-family : ±¼¸²; text-decoration:underline; color:#000080;}
?.login {font-size:9pt; font-family:±¼¸²,¼?¿?; text-decoration:none; color:black;}
?.md1 {font-size:8pt; font-family:±¼¸²,¼?¿?; text-decoration:none; color:#ED145B;}
?.sm {font-size:7pt; font-family:verdana; text-decoration:none; color:#0000ff;}
?.sh {font-size:9pt; font-family:±¼¸²,¼?¿?; text-decoration:none; color:#000080;}
?.sh1 {font-size:9pt; font-family:±¼¸²,¼?¿?; text-decoration:none; color:gray;}
?.ct {font-size:9pt; font-family:±¼¸²,¼?¿?; text-decoration:none; color:#008003;}
?.ct1 {font-size:9pt; font-family:±¼¸²,¼?¿?; text-decoration:underline; color:#000080;}
?.ct5 {font-size:9pt; font-family:±¼¸²,¼?¿?; text-decoration:underline; color:#000080; font-weight:bold;}
?.ct2 {font-size:9pt; font-family:±¼¸²,¼?¿?; text-decoration:none; color:#000080; font-weight:bold;}
?.ct3 {font-size:9pt; font-family:±¼¸²,¼?¿?; text-decoration:none; color:#006600; font-weight:bold;}
?.cr { FONT-family:±¼¸²,¼?¿?; FONT-SIZE:9pt; COLOR:#000080 }
?.tl {font-size:11pt; font-family:±¼¸²,¼?¿?; text-decoration:none; color:#FF3402; font-weight:bold;}
?.tl1 {font-size:11pt; font-family:±¼¸²,¼?¿?; text-decoration:underline; color:#FF3402; font-weight:bold;}
?.tl2 {font-size:10pt; font-family:±¼¸²,¼?¿?; text-decoration:none; color:#008003; font-weight:bold;}
?.tl3 {font-size:10pt; font-family:±¼¸²,¼?¿?; text-decoration:none; color:white; font-weight:bold;}
?.tl4 {font-size:10pt; font-family:±¼¸²,¼?¿?; text-decoration:none; color:#4C71FF; font-weight:bold;}
?.se {font-size:10pt; font-family:±¼¸²,¼?¿?; text-decoration:none; color:#000080; font-weight:bold;}
?.sh2 {font-size:10pt; font-family:±¼¸²,¼?¿?; text-decoration:none; color:#000080;}
?.sh3 {font-size:10pt; font-family:±¼¸²,¼?¿?; text-decoration:none; color:#000080; font-weight:bold;}
?.ch {font-size:10pt; font-family:±¼¸²,¼?¿?; text-decoration:none; color:#969696; font-weight:bold;}
?
?.n1 {font-size:10pt; font-family:±¼¸²,¼?¿?; text-decoration:none; color:#9E0B0E; font-weight:bold;}
?.n2 {font-size:10pt; font-family:±¼¸²,¼?¿?; text-decoration:none; color:#E1592F; font-weight:bold;}
?.n3 {font-size:10pt; font-family:±¼¸²,¼?¿?; text-decoration:none; color:#ED1C24; font-weight:bold;}
?.n4 {font-size:10pt; font-family:±¼¸²,¼?¿?; text-decoration:underline; color:#0000ff;}
?.n5 {font-size:10pt; font-family:±¼¸²,¼?¿?; text-decoration:underline; color:#9E0B0E; font-weight:bold;}
?.n10 {font-size:9pt; font-family:±¼¸²; color:gray;}
?.p {font-size:9pt; font-family:±¼¸²,¼?¿?; text-decoration:underline; color:red; font-weight:bold;}
?.p1 {font-size:9pt; font-family:±¼¸²,¼?¿?; text-decoration:underline; color:blue; font-weight:bold;}
?.p2 {font-size:9pt; font-family:±¼¸²,¼?¿?; text-decoration:underline; color:green;}
?.ct4 {font-size:9pt; font-family:±¼¸²,¼?¿?; text-decoration:none; color:#555555;}
?.ct6 {font-size:9pt; font-family:±¼¸²,¼?¿?; text-decoration:none; color:#3D61AC; font-weight:bold;}
?img{ border-color: #DFDFDF #DFDFDF #DFDFDF}
?
?.sllgn {font-size:10pt; font-family:±¼¸²; text-decoration:none; color:#003366;}
?.sllgn1 {font-size:9pt; font-family:±¼¸²; text-decoration:none; color:#666666;}
?.sllgn2 {font-size:9pt; font-family:±¼¸²; text-decoration:none; color:#800000;}
?
?.tl5 {font-size:10pt; font-family:±¼¸²,¼?¿?; text-decoration:none; color:#0000ff;}
?.ad {font-size:11pt; font-family:±¼¸²,¼?¿?; text-decoration:underline; color:#000080;}
?.el {font-size:9pt; font-family:±¼¸²,¼?¿?; text-decoration:underline; color:#0000ff;}
?
?.tx {font-size:13pt; font-family:±¼¸²,¼?¿?; text-decoration:none; color:#0000FF;}
?.lk {font-size:9pt; font-family:±¼¸²; text-decoration:underline; color:#535353;}
?.lk1 {font-size:9pt; font-family:±¼¸²; text-decoration:underline; color:#2f2f2f;}
?.lk2 {font-size:9pt; font-family:±¼¸²; text-decoration:none; color:#3c3c3c; font-weight:bold;}
?
?.sh4 {font-size:9pt; font-family:±¼¸²; text-decoration:none; color:#666666; font-weight:bold;}
?.sh5 {font-size:9pt; font-family:±¼¸²; text-decoration:none; color:#DD0000; font-weight:bold;}
?
?.se1 {font-size:9pt; font-family:±¼¸²,¼?¿?; text-decoration:none; color:#9E0B0E;}
?.se2 {font-size:9pt; font-family:±¼¸²,¼?¿?; text-decoration:underline; color:#9E0B0E;}
?
?
?*보는분은 반드시 예제로만 참고하시길...