웹마스터 팁
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
최고라고생각합니다.
제목 | 글쓴이 | 날짜 |
---|---|---|
[스타일시트] 스타일 시트의 개념 [4] | 태엽감는새 | 2002.02.26 |
▩(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 |
웹사이트 로딩속도 높혀주는 10가지 방법 [32] | 秀 | 2001.07.25 |
홈페이지에 Fade-in 적용하기~ [5] | remy | 2002.01.08 |
[1차패치] 내 msn 현재상태를 보여주자! + 캡처없앰 -ㅂ- [18] | 티르 | 2002.01.04 |
XE 업데이트 방법 - 제3편 (1.2.4 에서 1.4.4.1 이상의 최신버전으로 업그레이드) + 문제대응 [8] | Gekkou | 2010.07.07 |
비밀번호 찾기 기능 조심하세요 [4] | 老姜君 | 2010.10.28 |
내가 작성 한 글에 대한 일괄 삭제/이동/복사 권한 주기 [2] | 개돌 | 2009.05.15 |
확장변수에 회원정보를 넣어보자 [10] | 개돌 | 2009.06.30 |
관리자 페이지 (module=admin) 백지 문제 [5] | 개돌 | 2009.03.17 |
lighttpd 에서 XE rewrite 기능 (.htaccess) 사용하기 [2] | msl2246 | 2009.02.28 |
에디터에 웹폰트를 추가하여 사용하기 [3] | 하얌이 | 2010.10.18 |
플래시를 이용한 최근게시물 구현 [6] | 한그림 | 2010.10.13 |
애드온에서 모바일 환경 구분 코드 | misol | 2010.12.24 |
BGM 등을 배경을 투명하게 iframe 으로 넣는 팁 [3] | 푸른커튼 | 2008.02.05 |
그리고 자바스크립트로 스타일시트쓰는법 자세히알고싶은데....-_-;;알려주실분없나여?