<style type="text/css">
/* 일반적인 태그의 적용 */
/* 콤마(,)를 사용하여 복수 적용 */
h1,h2 {
color :#ff0000;
}
/* class를 주어서 지정한 것만 지정 .(점)을 사용함 */
.note {
color : #00ffff;
}
/* 아이디에 적용 #(샵)을 사용함 */
#para {
color : #f000f0;
}
/* 태그안에 또다른 태그에만 적용시 태그를 두번 사용하여 사용함 */
h2 strong {
color : #0000ff;
}
</style>
</head>
<body>
<h1>How to Move Sod Up 10 Stories Without The Apartment Manager Finding Out</h1>
<h2>Check the Elevator <strong>Before</strong> Beginning</h2>
<p class='note'>paragraph test</p>
<p id='para'>paragraph test</p>
</body>
-------------------------------------------------------------------------------
# : 아이디에 적용
. : 클래스에 적용
태그명 : 태그에 적용
태그 태그 : 여러단계의 구조로 된 경우, 그 단계를 지정하여 적용가능하다
(클래스, 아이디, 태그 방식 혼용 가능)
ex) #id h1 .class h2 h1 h2
-------------------------------------------------------------------------------
'IT 관련 > Html5' 카테고리의 다른 글
| JQuery에 대하여 (0) | 2011.10.13 |
|---|---|
| 아이폰 브라우저에 CSS적용해 보기 (0) | 2011.10.08 |
| JavaScript와 CSS의 만남 2 (객체의 이동) (0) | 2011.10.08 |
| 유용한 즐겨찾기 (0) | 2011.10.07 |
| JavaScript와 CSS의 만남1 (객체의 색상 변경) (0) | 2011.10.07 |