웹마스터 팁
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;