?��? B. CSS1???��????? ??ȭ

?? ?��??? ???????? ?ƴϰ? ?????????? ???? ???̴?.

CSS2?? CSS1 ???? ??????? ??? ??ȿ?? CSS1 ??Ÿ?Ͻ?Ʈ???? CSS2 ??Ÿ?Ͻ?Ʈ?鿡???? ??ȿ?ϴ?. ?????? CSS1 ?԰????? ???? ?? ?԰??????? ??????? ???��? ???, CSS1 ??ɼ??? ??????Ʈ, CSS1???? ?????? ?????, ?????? ?׷??? ??????.

B.1 ???��? ???

CSS1 ??ɼ??? ?߰??Ͽ? CSS2 ????????:

• ?޵??(media) Ÿ?????? ????.
• ??? ?Ӽ??鿡?? ????('inherit') ??.
• ??????ȭ?? ?޵??(paged media)
• ?Ҹ?(aural) ??Ÿ?Ͻ?Ʈ
• ??? ??ȣ???̱? ??Ÿ??, ????? ?ؽ?Ʈ ????, ?? ?????? ????ǥ?? ???? ???? ??????, ???? ????ȭ ??ɵ?.
• ?????? ??ġ(matching), ?ռ?(synthesis), ?۲? ?ٿ?��带 ?????? Ȯ??? ?۲??? ???? ???. ????, ?ý??? ?۲?(system font) ?????? ?Ұ??? ???��? ?Ӽ??? 'font-size-adjust'?? ?߰??Ǿ???.
• 'display'?? 'vertical-align'?? ???��? ?????? ?????? ???̺?.
• ?????? ??ġ ???(fixed positioning)?? ?????? ?????ġ?? ??????ġ.
• ???��? ?ڽ? Ÿ?Ե?(?????? ?��????? ????): ġ??(compact)?? ????(run-in).
• ???̴? ???ȭ ?𵨿??? ??ó?帧(overflow), ?߸?(clipping), ???Ӽ?(visibility) ???? ???? ?ɷ?.
• ???̴? ???ȭ ?𵨿??? ?ּ?, ?ִ? ?ʺ??? ?????? ?????? ?? ?ִ? ?ɷ?.
• ?ڽ? ??????, ????(adjacent) ??????, ??Ʈ????Ʈ ?????ڸ? ?????? Ȯ??? ??????(selector) ???.
• ?????? ????, ī????(counter), ?ڵ? ??ȣ???̱?(numbering)?? ǥ????(marker).
• ???��? 'text-shadow' ?Ӽ??? ???? ?ؽ?Ʈ ?׸???.
• ???? ???��? ????Ŭ??(pseudo-class), :first-child, :hover, :focus, :lang.
• ?罺?? ?????? ?۲?.
• ��??(cursor).
• ź???? ?ƿ?Ʈ????(dynamic outline).

B.2 CSS1 ??ɼ??? ??????Ʈ

CSS1 ?԰??? ��?? ??????̾???. ?? ?԰??? ????? ???? ?????? ???? ???? ???? ????. ???? ?߰??? ?????? ???��? ??ɵ??? ?????dz?, CSS1?? ??? ???? Ȯ??Ǿ???. ?Ʒ? ?????? ???��? ??츦 ?????ϰ??? ?ٽ? ?????? ???????? ?????̳? ???ǻ??? ??ȭ?? ǥ?????? ?ʾҴ?.

B.3 CSS1???��????? ?ǹ? ??ȭ

??? CSS1 ??Ÿ?Ͻ?Ʈ???? ??ȿ?? CSS2 ??Ÿ?Ͻ?Ʈ???̾, ???? ?Ҽ??? CSS1 ??Ÿ?Ͻ?Ʈ ???? CSS2 ??Ÿ?Ͻ?Ʈ?? ?ؼ??? ?? ?ٸ? ?ǹ̸? ???��?. ??��? ??????? ?ǵ???? ???? ?????? ?? ?԰ݿ? ????Ǿ??? ?Ϻ? ?????鵵 ?????Ǿ???.

• "!important"?? ?ǹ̴? ????Ǿ???. CSS1????, ???????? ??Ÿ?Ͻ?Ʈ?? "!important"?? ????? ??Ÿ?Ͻ?Ʈ?? ?Ϳ? ?�� ????Ǿ?????. ?̴? CSS2???? ?????Ǿ???.
• CSS1?????? sRGB ???????? ?׷??? ?ʾ?????, CSS2???? ????(color) ?????? ??ġ ?????? ?????Ͽ? ?߷?????.
• CSS1???? 'margin-left'?? 'width' ?? ?? ?????Ǿ?????, ?ܼ??? ?????? 'margin-right'?? ???õǾ?????. CSS2?????? ???? ???⿡ ???? 'margin-right' ?Ǵ? 'margin-left' ?߿??? ?????Ѵ?.
• CSS1????, ???? ?Ӽ???(??: 'padding')?? ??ü ??????Ʈ?? ?ʺ? ?????ϴ? ?????? ????????. ?̴? ????????; ?? ???? ?׻? ????????(block-level) ??????Ʈ?? ?ʺ? ?????ؾ? ?Ǿ???????, ?? ?԰??? "??????(containing block)" ?̶?? ?? ?Ұ? ?????��? ?ݿ??Ͽ???.
• CSS2???? 'display'?? ???ʰ??? 'inline'???? CSS1???? 'block'???? ?ٸ???.
• CSS1????, 'clear' ?Ӽ??? ??? ??????Ʈ?鿡 ????Ǿ????µ? ?̰??? ??????????. CSS2?????? ?? ?Ӽ??? ???????? ??????Ʈ?鿡 ?? ????ȴ?.
• CSS1????, ':link', ':visited'?? ':active'???? ??ȣ ??Ÿ???̾?????, CSS2?????? ':active'?? ':link' ?Ǵ? ':visited'?? ?Բ? ???? ???? ?ִ?.
• ?۲? ũ?? ???̺????? ???? 'font-size' ?��?????????? ???ȵ? Ȯ?? ????(scaling factor)?? 1.5???? 1.2?? ???ҵǾ???.
• 'font-size'?? ???????? ?ƴ϶?, ???? ???? ????(inherit)?ȴ?.
• CSS1????, ?ҷ?(bullet)?? ??ġ?? ?ƴ϶? ?ؽ?Ʈ?? ???? ?????? ?????? ?޵??? ?ؼ??ǵ???, 'list-style-position'????'inside'?? ???Ǿ?????. CSS2???? ?? ?ؼ??? ?????Ǿ???.
• ?????? CSS1?? CSS2?? ??ūȭ(tokenizer) ???? ?׸? ?????϶?.

?????? ????()?? ???????? ???? ????? ??????.
(?????? )