웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
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
최고라고생각합니다.
제목 | 글쓴이 | 날짜 |
---|---|---|
아름지기식 홈페이지만들기5 [5] | 아름지기 | 2002.03.16 |
아름지기식 홈페이지 만들기4 [14] | 아름지기 | 2002.03.12 |
프레임 만들기 [6] | 냠냠 | 2002.03.10 |
홈페이지 만들기 ① ▶계정 만들기◀ (아름지기님과 다름) [6] | 냠냠 | 2002.03.09 |
아름지기식 홈페이지 만들기3 [6] | 아름지기 | 2002.03.09 |
아름지기식 홈페이지만들기2 [1] | 아름지기 | 2002.03.09 |
아름지기식 홈페이지만들기1 [4] | 아름지기 | 2002.03.09 |
특수문자 몇백개!! [2] | 포터시네마 | 2002.03.08 |
마퀴(Marquee)태그를 애플릿처럼 부드럽게 움직이기!! [4] | 지진;) | 2002.03.04 |
[HTML] 기초적인 태그모음 #3 | 태엽감는새 | 2002.02.26 |
[HTML] 기초적인 태그모음 #2 [1] | 태엽감는새 | 2002.02.26 |
[HTML] 기초적인 태그모음 #1 | 태엽감는새 | 2002.02.26 |
[스타일시트] 스타일 시트의 개념 [4] | 태엽감는새 | 2002.02.26 |
페이지 스크롤 - 네개의 레이어를 이용한겁니다 [4] | choice | 2002.02.25 |
▩(a href=#) 대신에 쓸수 있는 스타일 태그 [3] | ▩윤미 | 2002.02.22 |
브라우저 입력 창에 나만의 아이콘 띄우기 [2] | Topy | 2002.02.22 |
msn 메신저 내 홈에서 채팅창과/대화상대 추가하기를 넣어보장! [8] | 카멜롯™ | 2002.02.21 |
▩HTML 최적화 기법 [3] | ▩윤미 | 2002.02.21 |
CSS 와 HTML 과 연결하기 [5] | Topy | 2002.02.21 |
CSS에 클래스에 관한거 추가 [4] | DearMai | 2002.02.21 |
그리고 자바스크립트로 스타일시트쓰는법 자세히알고싶은데....-_-;;알려주실분없나여?