?? (?? ?? ??? ??)? ?? ?? ? ????.
• pseudo elements ? pseudo-classes? CSS?? ?? ?? ?????. ?? ???? ?? ???? ?? HTML ??? ???? ?? ??? ?? HTML ??? ?? ??? ??? ???? ? ? ????.
W3C? ?? ?? ???? 2 ?? ?? ()? ???? CSS3 ??? ??? ?? ??? ?? ???? ????? ?????. ???? ?? ????? ? ??? ?? ???????.
• z-index CSS? ????? ??????? ?? 6 ?? ?? ????? ?? ? ?? CSS ??? ??? ?? ????, ?? ?? ? ???? CSS? ?? ?? ?? ????. ???? ??? ??? 3,000 ? ??? ??? ? ?? ??? 55%? ?????. margin ??? ?? ??? ??? ???? ????. ???? ???? ??????? ?? ? ?? ????. ? ??? ???? ?? ???? ???? ???? ?? ?? ??? ?? ? ?? ??? ??? ?????. ? ??? ??? ???? ???? ???? ??? ??? ???? ??? ???????.
? ??? ?? ? ?? ???? ??? ??? ? ??? ??? ??? ?? ?????!
?? 1 : ??-???? ???? ?? ?? ??
• ? ?? ??? ??? ???? ????? ???? ?????? ??????. ::first-line ? ???? ???? ????? ??????? ????. ?? ? ? ? ?? ?? ????? ???? ?? ?? ??? ?????? :hover

??? ??? 4 ?? ??? ???, 25%? ???? ?? ???? ?? ? ??? ????? 31% ??? ??? ???? ?? ? ????! ????? ??? ?? ???? ?? ?????.

? ?????. ???? ?? ? ??? ?? ???? ???? ??? ???

??? (39%?? ??? ??????). ???

? ??? ???? ??? ?? ?? ? ??? ?? ? ????. EM? ????? ??? ??? ???? ??? ???? ????. line-height ??? ??? ???

???.

?? CSS? ?? ??? ? ?? ??? ??? ??????. ??

? ??? ???? ?? ?? ??? ?? ??? ???? ?? ? ? ?? ?? ??? ?????. line-height ???? ?? ?? ??? 12pt?? ????? ?? ??? 24pt ? ??? ???? ????. ??? ? (?? )? ???? ?? ????? ?? ???? ??? 24pt (Body Font ??? ??) ?? ??? ?????. ??? ??? ?? ? ?? ?? ?? ?? ??????!

?? line-height? ???? 2em? 200%? ???? ?? ??? ?? ???? ????? ?? ??/?? ??? ????? ?????. ??? ? ??? 24pt??? ??? 24pt ??? ?? ?? ??? ???? 48pt? ?????.

?? 2 : ??? ????? ??

line-height ? ??? ?? ?? ????. CSS ????? ?? ??? "??"??? ?????. 2 ?? ? CSS ?? ? HTML ??? ?? ??? ?? ??????

• ?? ?? ????? ??, ? ?? ????. z-index ??, ???? ?? ??? ????. ???? 2%? ??? ?? ??? ???? ???? ????? ?? ?? ? ??? ?????.
????, ???? ????
• ?? ?????. ?? 46% ?? ?? ??????. ??? margin? ?? ??? ??? ???? ??? ?????. ??? ??? ?????? ????
? ????? ??? ??? ???????. ???
• ? ???? ??? ??? ??? ??? ?? ? ? ??? ?? ??????. MDN??“CSS Z-Index ??”?? ??? ?? ?? ??? ??? ??? ??? ?? ??? ????. overflow ???
? ??? ?? ???, ???? ????. ?? ??? ???? ?? ???? ??? ?????. ???, ?? ?????? ?? ??? ?. ??, ??? ?? ??? ?? ??? ?? ????? ??? ?? ????. ???? ???? 22%? ??? ?????.
• ??? ???? background???? ?????. ???? 30%?? ???? ??????. ?? ??? ??? ???? ??? ??? ?? ? ??? ?? ? ????. ?? CSS ????? ?? ? ?? ?? ???????. ?? ???? ?? ??? ??????.
?? ?? ??? ? ?? div ????? ???? ????. ? ?? div? ? ? ?? ?? ??? ??????. ?! ? ?? div? ?? ? ?? div? ?? 100 ??? ????.

???, ??? ????? ?? ?? ??? ??? ???, ???? ??? HTML ??? ????? ?? ?? ?? ???? ? ?? ?????. ?? ?? ???? ???? ?? ??? ??? ??? ?? ?? ????? ? ??? ??? ???? ? ?????. margin-top -100px

? ??? ?? ???? ??, 2005 ? ?? ?? ?? ??? ???? ?? ??? ?? ???? (? ?? ?? ????)? ???? 3 ?? ? ??? ????? ???????.
?? 3 : ?? ??? ?? ???

?? ??? ??? ?? ????. ??? ???? 23% ??? ??? ???? ?? ? ? ???? (??? ?? ? ????!) ????? ??? ????? : .

?? ? ?? ??? ???? ???? ? ?? ??? ??? ??????
??? ?? ?? ??? ? ? ????? ???? ??????.

???? ???? ???? ???? ?? ???? ?????. ?? ???? ???? ?? ? ?? ?? ?????. ??? ??? ?????? ??? ? ?? ?? ?? ???? ??????.

? ? ?? ??? ?? ???? ???? ?? ? ?? ?????. ??? ??? ?? ? ? ?????

?? ???? ?? HTML ??? ??? ? ??? ??? ?????. ????? ?? ???? ??? ???? ???? ?? ???? ??????.

?? ??? ??? ???? ?? HTML ??? ????? CSS? ?? ???? ??? ? ????. ??? ?? HTML ??? ????. ??? ?? HTML ??? ???? ???? ? ? ????.

? ?? ?? ??? ?? ?????. ??? ?? ?? ??? ? ? ????? ???? ??????.

??? ??? ?? HTML ?????. ?? ???? ???? ???? (???? ????? ?) ?? ???? ???? ??? ?????. ? ??, ??? ??? ?? ????
• ???.
???? 22%? ??? ?? ??? ??????.
• ???? ???? ???? ???? ?? ???? ?????.
?????, ??? ?? ??? ?? ?? HTML ?????. ???? ???? ?????
• pseudo ???? ?????. ?? ?? ??????? ???? ???? ??????? ???? ???? ???? ? ? ???? (? : ??? ?? ?? ??? ).
• ???? 20%? ??? ?? ??? ??????.
?? ???? ???? ?? ? ?? ?? ?????.

??? ??? ???? ??? ?????, ?? ????, ??? ?? HTML ??? ???? ???? ?? ?? ????? ???? (? ??

??). ? ?? ??? ?? ?? ???? ????? ??? ?? ???? ?? ? ??? ? ?? ?????.

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

?? ??? ???

? ?? ??? ????? ?? ??? CSS ???? ??? ??? ??? ?????, ???? 36%? ??? ?? ??? ??????. :nth-child(even) ??? ??? ?????? ??? ? ?? ?? ?? ???? ??????. :nth-child(2n) ?? ??? ?????. ???? ??? ?????????. ??? ??? ??????? ???? HTML ??? ? ? ??? "???? ?? ???? ? ?? ?? ??"???. ????? ??? ??? ?? ?? ??? ??? ??? ?????? ?? ? ? ????. :nth-child(odd) :nth-child(2n 1) ? ? ?? ?? ? ?? ?? ??? ??? ???? ??? ? ?? ??? ?? ???? ?? ? ??? ?? ?????.

"???, ????? ???? ?? ??? ?? ???? ???? ?? ???"? ????? W3C? ??? ?????. CSS3 ??? ????,? ?? ???? ??, ?? ?? ???? ? ?? ?? ()? ????? ??? ????, ?? ???? ??? ??? ?? ()? ?????????. ?? ?? ???? ?? ????? ? ??? ?? ???????.

?????. ?? ???? : ?? ??. ??? ??? ?? ?? CSS ????, ?? ??? ?? ?? ???? ?? ? ????. :nth-child ??? ??????

????? 3 ?? ?????. ? ??? ? ??? ???? ?????, ??? ?? ???? ????. ? ??? ???? ?? ????? ??? ????. ? ??? ?? ???? ?????, ?? ??? ??? ?? ????! ??? ??? ? ??? ? ???? CSS ??? ?????. ??? ??????!

? ??? ??? ?? ??? ???? ???? ?? ?? ????. ??????. ?? ??? ???? ?? ????…