728x90
1. DHTML 선언하기
1) Head 태그안에서 선언하기
| <html> <head> <style>...</style> </head>... |
Head태그 안에서 스타일을 선언하면 특정 태그의 스타일을 일관성있게 지정할 수 있는 장점이 있다.
[간단예]
2) 각 태그안에서 선언하기
| <태그명 style="..."> |
[간단예]
2. DHTML의 적용범위
| 적용 범위 | 형식 | 사용 예 |
| 동일 태그에 적용 | p{font-size:20; color:blue; } |
<p>박원기</p> |
| 동일 class에 적용 | .p{font-size:20} .dd{color:blue} |
<p class="p">원기왕성</p> <div class="dd">박원기</div> |
| 동일 id에 적용 | #p{font-size:20px;} | <p id="p">itdocument</p> |
하나의 선언문에서 다중의 속성을 적용시키려면 속성과 속성을 “;”으로 연결해 준다.
<style>문을 <body>안에 삽입해도 그 결과는 동일하지만 통상적으로 <style>은 <head>안에 삽입한다.
[기본예제]
| WebContent/src/begin2.html |
| <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=EUC-KR"> <title>DHTML 선언방법2</title> </head> <style> p{color:#000fff;font-size:20px;} .pp{color:#ff0000;font-size:30px;} #pp{color:#00ff00;font-size:40px;} </style> <body> <h1>DHTML 선언방법2</h1> <p> 문단태그 P 전체에 지정된 속성입니다. </p> <p class="pp"> 문단 태그의 class속성을 사용한 모습입니다. </p> <p id="pp"> 문단 태그의 id속성을 사용한 모습입니다. </p> </body> </html> |
728x90
댓글