웹마스터 팁
CSS 와 HTML 과 연결하기
2002.02.21 12:03
=========================================================
.css 파일을 따로 만들어 불러오기
문서의 <head> 와 </head> 사이에
<LINK REL=StyleSheet HREF="css파일" TYPE="text/css">
이런식으로 쓰시면 됩니다.
인클루드를 많이 하는 노프레임 같은 홈페이지에 클래스를 등록해서 필요할때마다 사용하면 유용하리라 생각됩니다
=========================================================
같은 문서 안의 CSS 불러오기.
HTML <head> 와 </head> 사이에 아래를 적어 주시면 됩니다.
<style type="text/css">
[CSS 코드]
</style>
=========================================================
직접 문서 중간에 쓰기.
<span style=CSS코드>적용할 부분</span>
=========================================================
클래스 등록 후 필요할때마다 불러와 사용하기.
.test { color: #ffffff; background: red }
이런식으로 앞에 . 을 붙여서 클래스를 등록 한 후,
<td class=test>test 라는 클래스를 적용시킬 부분</td>
이런식으로 하시면 됩니다.
=========================================================
제가 쓴글 중 잘못 쓴 곳이 있으면 아래 코멘트로 지적해 주세요..-_-z;
.css 파일을 따로 만들어 불러오기
문서의 <head> 와 </head> 사이에
<LINK REL=StyleSheet HREF="css파일" TYPE="text/css">
이런식으로 쓰시면 됩니다.
인클루드를 많이 하는 노프레임 같은 홈페이지에 클래스를 등록해서 필요할때마다 사용하면 유용하리라 생각됩니다
=========================================================
같은 문서 안의 CSS 불러오기.
HTML <head> 와 </head> 사이에 아래를 적어 주시면 됩니다.
<style type="text/css">
[CSS 코드]
</style>
=========================================================
직접 문서 중간에 쓰기.
<span style=CSS코드>적용할 부분</span>
=========================================================
클래스 등록 후 필요할때마다 불러와 사용하기.
.test { color: #ffffff; background: red }
이런식으로 앞에 . 을 붙여서 클래스를 등록 한 후,
<td class=test>test 라는 클래스를 적용시킬 부분</td>
이런식으로 하시면 됩니다.
=========================================================
제가 쓴글 중 잘못 쓴 곳이 있으면 아래 코멘트로 지적해 주세요..-_-z;
댓글 5
-
Webme
2002.02.21 12:19
-
Topy
2002.02.21 12:44
id 라는게 무엇인가요?
그리고 질문은 이것에 대한 의견을 적는 코멘트보다는 질문게시판이 낫겠네요..ㅡ.ㅡ; -
DearMai
2002.02.21 13:55
<style>
#style1 {background:black}
</style>
<div id=style1>test</div>
이렇게 쓰는것이죠.. -
Webme
2002.02.21 18:46
-_-;; 그냥 부탁한건뎅...죄송...ㅠ_ㅠ
대충 자바스크립트로 스타일시트사용하는것은..
this.style.backgroundColor='red' 하면 백그라운드색이 레드가되죠..-_-;; 근데 몇몇안되는게있어서.. 형식이 어떻게되는건지 궁금해서.. -
이플립
2003.02.02 21:58
최고라고생각합니다.
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| [HTML] 기초적인 태그모음 #1 | 태엽감는새 | 2002.02.26 |
| [스타일시트] 스타일 시트의 개념 [4] | 태엽감는새 | 2002.02.26 |
| 동영상을 띄어볼까요? [2] | ZipShin | 2002.02.24 |
| [CSS+JAVA]CSS 와 자바스크립트를 파일로 만들어 연결 [5] | ▩윤미 | 2002.02.24 |
| HTML 문서 용량 줄이기 [9] | Telles | 2002.02.24 |
| Microsoft 에이전트를 이용해서 멋나게 꾸며보자 -_-)/ [7] | 티르-_-)/ | 2002.02.23 |
| [CSS]모든 엘리먼트에 스타일시트 지정 [1] | 엔카일 | 2002.02.22 |
| ▩(a href=#) 대신에 쓸수 있는 스타일 태그 [3] | ▩윤미 | 2002.02.22 |
| ▩<subject> 앞으로가기, 뒤로가기, 새로고침 버튼 만들기 | ▩윤미 | 2002.02.22 |
| ▩[CSS] 한꺼번에 border =0 으로주기 (최적화 방법) | ▩윤미 | 2002.02.22 |
| Http에러코드들입니다 [8] | Shyos | 2002.02.22 |
| 원하는 위치에 배경 고정 시키기 [5] | Topy | 2002.02.22 |
| 브라우저 입력 창에 나만의 아이콘 띄우기 [2] | Topy | 2002.02.22 |
| msn 메신저 내 홈에서 채팅창과/대화상대 추가하기를 넣어보장! [8] | 카멜롯™ | 2002.02.21 |
| ▩HTML 최적화 기법 [3] | ▩윤미 | 2002.02.21 |
| ▩왼쪽에다가 스크롤바 넣기 [1] | ▩윤미 | 2002.02.21 |
| 윈도우 꽉찬 화면으로 보기 태그 [1] | ▩윤미 | 2002.02.21 |
| CSS 와 HTML 과 연결하기 [5] | Topy | 2002.02.21 |
| CSS에 클래스에 관한거 추가 [4] | DearMai | 2002.02.21 |
| 웹사이트 로딩속도 높혀주는 10가지 방법 [32] | 秀 | 2001.07.25 |
그리고 자바스크립트로 스타일시트쓰는법 자세히알고싶은데....-_-;;알려주실분없나여?