스타일 시트 불러오는 법
1. 외부에서 불러오기
<head>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
style.css 파일안에
#xex .text { font-size:8pt;}
문서.html 파일안에
<div id=xex class=text>
테스트
</div>
2. 내부에서 직접 코딩
<head>
<style type="text/css">
.text { color : #959595; font-size : 8pt; }
</style>
</head>
<body>
<span class='text'> 테스트 </span>
3. 태그안에 삽입
<p style="color:#999;bckground-color:#000;"> 텍스트 </p>
table = ul 치환
<table> |
<ul> |
|
<td> |
<li> |
가로 |
<tr> |
<span> |
세로 |
</tr> |
</span> |
|
</td> |
</li> |
|
</table> |
</ul> |
|
탭기능
공지 onClick="tab.click('1')" id=tab1 | 새글 onClick="tab.click('2')" id=tab2 | 베스트 onClick="tab.click('3')" id=tab3 |
공지 style=display:block; id=notice (보이기) |
||
새글 style=display:none; id=new (감추기) |
||
| 베스트 style=display:none; id=hit (감추기) | ||
<td style="position:relative">
<div id="notice" style="position:absolute left:0 top:0 width:100 height:100 visivility:show">
공지 내용
</div>
</td>
function tabClick (no) {
if (no=="1"){
document . get Element Id ("notice") . style . display="block";
} elsse if (no=="2"){
document . get Element Id ("new") . style . display="none";
}}