묻고답하기
html 내부에서 css 파일을 불러올 수 있는 방법은?
2002.08.01 12:07
보통 태그 내부에 css를 적용시킬 때는 style 을 이용합니다. 그런데 보통 style은 일일이 지정을 해야하고 class 역시 미리 지정이 되어 있어야 하죠.
지금 적용 시킬 태그가 <font> 인데 여기에만 style.css란 파일을 불러들여 적용을 시킬 수 있는지 궁금합니다.
ex) <font href="style.css">i love nzeo </font> (그냥 한번 적어 본겁니다 웃지 마시길 ^^)
마치 앵커 태그 걸듯이 그렇게 걸어서 적용시킬수 있는 방법은?
좋은 답변 부탁드립니다.
* zero님에 의해서 게시물 이동되었습니다 (2002-08-01 12:58)
지금 적용 시킬 태그가 <font> 인데 여기에만 style.css란 파일을 불러들여 적용을 시킬 수 있는지 궁금합니다.
ex) <font href="style.css">i love nzeo </font> (그냥 한번 적어 본겁니다 웃지 마시길 ^^)
마치 앵커 태그 걸듯이 그렇게 걸어서 적용시킬수 있는 방법은?
좋은 답변 부탁드립니다.
* zero님에 의해서 게시물 이동되었습니다 (2002-08-01 12:58)
댓글 4
-
Eccen
2002.08.01 12:16
질문과 답변으로 옮기시면 답을 달아드리죠; -
세이렌
2002.08.01 12:38
저도 어제 알아낸건데 가르켜 드리죵
만약 원본 스타일시트가 이렇다면..(뭔말인지)
<font point="10">멀보냐?</font>이라면(가능한건가 0ㅅ0;)
모든 글씨 전체가 영향을 받으려면
<style>
font <== 이부분 가장중요 { point:10 }
</style> 이렇게 됩니다 -ㅅ-; 주의할점은 이퀄(=)이 아닌
머시기냐...음 : 요것이라는 점 입니다 ^^
그리고 이런건 질답에... -
lonely Cain
2002.08.01 13:01
감사합니다. 그리고 다음부턴 유의하겠습니다. ^^ -
^★러브맹★^
2002.08.01 14:27
스타일 시트 파일을 사용하는 법.....
1. style.css 와 같은 파일을 작성한다..
-----------------------예시--------------------------------------------
BODY,TD,SELECT,input,DIV,form,TEXTAREA,center,option,pre,blockquote,p {font-size:9pt; font-family:돋음; color:BLACK;line-height:130%}
A:link {color:black;text-decoration:none;}
A:visited {color:black;text-decoration:none;}
A:active {color:444444;text-decoration:none;}
A:hover {color:444444;text-decoration:none;}
.head {border:solid 1 black;font-family:굴림;font-size:9pt;color:black;background-color:BLACK;height:19px}
.textarea {border:solid 1 silver; font-family:굴림;font-size:9pt;color:black;background-color:white}
.input{border:solid 1 silver;font-family:굴림;font-size:9pt;color:black;background-color:white;height:19px;cursor:hand;}
.submit {border:solid 1;font-family:굴림;font-size:9pt;color:white;background-color:black;height:19px}
BODY
{scrollbar-face-color:C4DAFC;scrollbar-shadow-color:#C4DAFC;scrollbar-highlight-color:#ffffff;
scrollbar-3dlight-color:#C4DAFC;scrollbar-darkshadow-color:#C4DAFC;
scrollbar-track-color:#ffffff;scrollbar-arrow-color:#ffffff}
----------------------------------------------------------------------------------------
처럼 작성하는데.. 맨 위쪽 상단 첫들 [BODY,TD 등등] 이 줄은 전체 본문 내용의 형태를 구성합니다. 글씨는 9PT 로 하고 글씨체는 돋움 색깔은 검은색 줄간격은 130% 를 지정한 모습입니다.
다음으로 a: 가 붙은 4개의 줄은 먼저 A:LINK 부분은 하이퍼링크가 된 텍스트 부분의 링크 색깔 및 형태이며 a:VISITED 부분은 링크된 페이지의 방문후의 색깔,형태이며 A:ACTIVE 부분은 링크 부분을 마우스를 클릭했을때의 모습이며
A:HOVER 은 링크된 부분에 마우스를 올려놓았을 때의 모습입니다. TEXT-DECORATION:NONE 부분은 링크된 부분에 줄을 없앤다는 뜻이며.. 만일 a:HOVER 부분끝에 TEXT-DECORATION:UNDERLINE 를 사용하시게 되면 마우스를 올려놓으면 링크된 텍스트 부분에 언더라인이 생성된다는 뜻입니다.
다음으로 앞쪽에 . 이 붙어있는 부부은 클래스라고 하는데 . 을 찍은 후에 원하시는 텍스트 모양을 구성하신 후 본문에서 사용하실 수 있습니다.
STYLE 작성이 완성되셨으면.. 원하시는 문서내에...
<HTML>
<HEAD>
<link rel="STYLESHEET" type="text/css" href="style.css">
</HEAD>
<BODY>
<SPAN CLASS="head"> 원하시는 글귀 </span>
<div class="input">원하시는 글귀<div>
</BODY>
</HTML>
위와 같은 형태로 사용합니다.
참고하시기를....
ps. style.css 의 맨 아래족에 body 부부은 스크롤 바 색상 변경 부분입니다.....