css ñ ؼ xhtml (css+html) ϼż ô° ϴ
css å ߽ϴ
* 2.0 ̲ ź ̶ å css ߿伺 ֽϴ
* ǿ뿹 ǥ ̶ å css Ȱϴ css ִ
* ȭ xhtml ̿Ͽ css Ӽ ܿϴ
(xhtml html+css Ͻø˴ϴ)
p {font-size:12px;}
̰ p± 12pxŭ Ʈ ũ⸦ ְԵ˴ϴ
p a {font-size:14px;}
̰ p ± ȿִ a ± Ʈũ⸦ 14px ֶ ̾߱Դϴ
p, a, body {font-size:16px}
̰ p± a± body ± Ʈũ⸦ 16px ֶ Դϴ
ó Ŀ <p> <p></p> ϰ Ǹ ڵ Ѱ ˴ϴ
ŸϽƮ
± {Ӽ:Ӽ; Ӽ:Ӽ;}
± : ± Ȥ id, class
Ӽ : Ѱ
Ӽ : Ѵ
, font {color:red; font-size:12px;}
html ִ font ± font Ѵٴ
Ӽ:Ӽ : ̿Ͽ մϴ
ٸ Ӽ Ҷ ; ̿Ͽ ó ̾ ϴ
ŸϽƮ ߿ class id 帮ڽϴ
.ccc {font-color:red;}
class ccc ̸ ְ ̸ ͵ ڸ ϶Դϴ. ̷ Ѱ ± ϱ ؼ ± class≠ ֽø˴ϴ. div ± ϰ ʹٸ <div class="ccc"> ϸ Ѱ ˴ϴ. font ± ϰ ʹٸ <font class="ccc"> ϸ font ± ϴ. class ϴ° ϴϴ.
#ccc {font-color:green;}
id ̸ ccc شٴ ̾߱Դϴ. ccc id ± Ʈ ʷϻ شٴ ̾߱Դϴ. div ± ϰ ʹٸ <div class="ccc"> Ͽ Ͻø˴ϴ.
ΰ ̻ϴٰ ǰԴϴ. ٸ class id ƴϳ? ǰ̴ϴ. ΰ ٸϴ. class ƹ ҷ id ѹۿ Ҽ ϴ. ̾ƿ 鶧 κ ѹ ;߰. id մϴ. css ̿ ̾ƿ div background Ӽ ̿Ͽ ̹ ִ ̾ƿ ϰԵ˴ϴ. div table cell ٰ ø˴ϴ. ( ƽ valign ±װ css Ѵٴ°Դϴ. position ̶ Ӽ ִµ ̰ ̿ϱⰡ ſ ٷӽϴ)
Ѱֱ
ŸϽƮ 3Դϴ
ϰ ϴٴ 3 Ӽ ÿ Ѱ ѰͿ ϰ ǰԵ˴ϴ.
1. ŸϽƮ
<± style="Ӽ:Ӽ; Ӽ:Ӽ;"> ̿ Դϴ
<font style="color:green; font-size:12px;">ó մϴ
2. ° ŸϽƮ
<style type="text/css">
<!--
-->
</style>
3. ŸϽƮ
<link rel="stylesheet" type="text/css" href="ּ />
۾ٺ
3 å ø html ƽôº̶ ݹ Ǽֽϴ
ƴ css ߿伺 ƽŴٸ ǿ å ø ݹ Ǽֽϴ
ڼ оð ø ּ