рд▓реЛрдЪрджрд╛рд░ рдкреИрдЯрд░реНрди



рдЕрдзрд┐рдХрд╛рдВрд╢ рдбрд┐рдЬрд╝рд╛рдЗрди рд▓реЗрдЖрдЙрдЯ рдХреЗ рд▓рд┐рдП рдирд┐рд╢реНрдЪрд┐рдд рдорд╛рдиреЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдкрд░ рдХреЗрдВрджреНрд░рд┐рдд рд╣реИрдВ: рдЪреМрдбрд╝рд╛рдИ рдФрд░ рдмреНрд▓реЙрдХреЛрдВ рдХреА рдКрдВрдЪрд╛рдИ, рдлрд╝реЙрдиреНрдЯ рдЖрдХрд╛рд░ред рдпрд╣ рджреЗрдЦрдиреЗ рдХреЗ рдкреИрдорд╛рдиреЗ рдХреЛ рдмрджрд▓рдиреЗ рдФрд░ рдХреНрд░реЙрд╕-рдмреНрд░рд╛рдЙрдЬрд╝рд░ рд╕рдВрдкрддреНрддрд┐ рдХреЛ рд╕рдВрд░рдХреНрд╖рд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд▓реЗрдЖрдЙрдЯ рдХреЛ "рдЕрд▓рдЧ рдирд╣реАрдВ" рдХрд░рдиреЗ рдХреА рдЕрдиреБрдорддрд┐ рджреЗрддрд╛ рд╣реИред рд╣рд╛рд▓рд╛рдВрдХрд┐, рдПрдХ рдмрдбрд╝рд╛ рдЛрдг рд╣реИ - рдмрдбрд╝реЗ рд╕реНрдХреНрд░реАрди рд░рд┐рдЬрд╝реЙрд▓реНрдпреВрд╢рди рдХреЗ рд╕рд╛рде, рдЫреЛрдЯреЗ рдлрд┐рдХреНрд╕реНрдб рдмреНрд▓реЙрдХ рдПрдХ рдмрдбрд╝реЗ рдХреНрд╖реЗрддреНрд░ рдореЗрдВ рдЦреЛ рдЬрд╛рддреЗ рд╣реИрдВ рдФрд░ рдХрд┐рд╕реА рдХрд╛ рдзреНрдпрд╛рди рдирд╣реАрдВ рдЬрд╛рддрд╛ рд╣реИред рдпрд╣рд╛рдВ "рд░рдмрд░" рд▓реЗрдЖрдЙрдЯ рднреА рдирд╣реАрдВ рдмрдЪрд╛рдПрдЧрд╛, рдХреНрдпреЛрдВрдХрд┐ рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, рд╕рд╛рдЗрдЯ рдФрд░ рднреА рдЕрдкрдардиреАрдп рджрд┐рдЦрд╛рдИ рджреЗрдЧреА, рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, 19 '' рдЪреМрдбрд╝рд╛рдИ рдореЗрдВ 1280 рд╕реЗ рдЕрдзрд┐рдХ рд░рд┐рдЬрд╝реЙрд▓реНрдпреВрд╢рди рдХреЗ рд╕рд╛рде рдореЙрдирд┐рдЯрд░ рдХрд░рддрд╛ рд╣реИред рдореЗрд░реЗ рд▓рд┐рдП, рдпрд╣ рдкреНрд░рд╛рд╕рдВрдЧрд┐рдХ рд╣реИ, рдХреНрдпреЛрдВрдХрд┐ 1400x800 рдХреЗ рдПрдХ рд╕рдВрдХрд▓реНрдк рдХреЗ рд╕рд╛рде 17 '' рд▓реИрдкрдЯреЙрдк рдкрд░, "рд░рдмрд░" рд╕рд╛рдЗрдЯ рдХреЛ рджреЗрдЦрдирд╛ рдмрд╣реБрдд рдЕрд╕реБрд╡рд┐рдзрд╛рдЬрдирдХ рд╣реИред рдФрд░ рдРрд╕реА рд╕рд╛рдЗрдЯ рдкрд░ рд░рд╣рдиреЗ рдХреА рдЗрдЪреНрдЫрд╛ рдЬрд▓реНрджреА рд╕реЗ рдЧрд╛рдпрдм рд╣реЛ рдЬрд╛рддреА рд╣реИред рдХреНрдпрд╛ рди рдХреЗрд╡рд▓ рдкрд╛рда, рдмрд▓реНрдХрд┐ рд╕рдВрдкреВрд░реНрдг рд╕рд╛рдЗрдЯ рдХреЗ рдкреИрдорд╛рдиреЗ рдХреЛ рдирд┐рдпрдВрддреНрд░рд┐рдд рдХрд░рдиреЗ рдХрд╛ рдПрдХ рддрд░реАрдХрд╛ рд╣реИ?



рдХрд╛рд░реНрдп

рдкрд╣рд▓реА рдмрд╛рдд рдЬреЛ рддреБрд░рдВрдд рджрд┐рдорд╛рдЧ рдореЗрдВ рдЖрддреА рд╣реИ рд╡рд╣ рд╣реИ рдмреНрд░рд╛рдЙрдЬрд░ рд╕реЗрдЯрд┐рдВрдЧреНрд╕ рдореЗрдВ рдЬреВрдо рдХрдВрдЯреНрд░реЛрд▓ред рд╕реМрднрд╛рдЧреНрдп рд╕реЗ, рдЕрдзрд┐рдХрд╛рдВрд╢ рдЖрдзреБрдирд┐рдХ рдмреНрд░рд╛рдЙрдЬрд╝рд░ IE6 рдФрд░ FireFox (рдЖрд╢реНрдЪрд░реНрдпрдЬрдирдХ рд░реВрдк рд╕реЗ) рдХреЗ рдЕрдкрд╡рд╛рдж рдХреЗ рд╕рд╛рде, рдЗрд╕ рд╕реБрд╡рд┐рдзрд╛ рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рддреЗ рд╣реИрдВред рд╡реЗ рдЖрдкрдХреЛ рдХреЗрд╡рд▓ рдкрд╛рда рдХреЗ рдкреИрдорд╛рдиреЗ рдХреЛ рдирд┐рдпрдВрддреНрд░рд┐рдд рдХрд░рдиреЗ рдХреА рдЕрдиреБрдорддрд┐ рджреЗрддреЗ рд╣реИрдВ, рдЬрдмрдХрд┐ IE6 рдореЗрдВ рдлрд╝реЙрдиреНрдЯ рдЖрдХрд╛рд░ рдХреЛ px рдореЗрдВ рдирд┐рд░реНрджрд┐рд╖реНрдЯ рдирд╣реАрдВ рдХрд┐рдпрд╛ рдЬрд╛рдирд╛ рдЪрд╛рд╣рд┐рдПред рд╕рдмрд╕реЗ рдмрдбрд╝рд╛ рдлрд╝реЙрдиреНрдЯ рдЪреБрдирддреЗ рд╕рдордп, рд╣рдо рдЗрд╕ рддрд░рд╣ рдХреА рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╕рд╛рдордирд╛ рдХрд░реЗрдВрдЧреЗ рдХрд┐ рд╕рд╛рдЗрдЯ рдмрд╕ "рдЧрд┐рд░ рдЬрд╛рдПрдЧреА" рдФрд░ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдЕрдкрдардиреАрдп рджрд┐рдЦрд╛рдИ рджреЗрдЧреАред



рдЗрд╕ рдкреНрд░рдХрд╛рд░, рд╣рдорд╛рд░рд╛ рдХрд╛рдо рд▓реЛрдЪрджрд╛рд░ рдХреЛ рди рдХреЗрд╡рд▓ рдкрд╛рда рдмрдирд╛рдирд╛ рд╣реИ, рдмрд▓реНрдХрд┐ рдЗрд╕рдХреЗ рдмреНрд▓реЙрдХ рднреА рд╣реИрдВред



рдХрд╛рд░реНрдпрд╛рдиреНрд╡рдпрди

рдЗрд▓рд╛рд╕реНрдЯрд┐рдХ рдЯреЗрдореНрдкрд▓реЗрдЯ рдХреА рд▓реЗрдЖрдЙрдЯ рд╡рд┐рд╢реЗрд╖рддрд╛ рдпрд╣ рд╣реИ рдХрд┐ рд╕рднреА рдорд╛рди рдкрд┐рдХреНрд╕реЗрд▓ (px) рдореЗрдВ рдирд┐рд░реНрджрд┐рд╖реНрдЯ рдирд╣реАрдВ рд╣реЛрдиреЗ рдЪрд╛рд╣рд┐рдП рдФрд░ рдкреНрд░рддрд┐рд╢рдд рдХреЗ рд░реВрдк рдореЗрдВ рдирд╣реАрдВ, рдмрд▓реНрдХрд┐ рдИрдПрдордЖрдИ рдореЗрдВ ред

рдкреНрд░рддрд┐рд╢рдд рдХрд╛ рдЙрдкрдпреЛрдЧ рдЕрдХреНрд╖рдо рдХреНрдпреЛрдВ рд╣реИ? рдХреНрдпреЛрдВрдХрд┐, рд╕рднреА рдмреНрд░рд╛рдЙрдЬрд╝рд░реЛрдВ рджреНрд╡рд╛рд░рд╛ рдореВрд▓реНрдп рдХреЗ рджрд╕рд╡реЗрдВ рдФрд░ рд╕реМрд╡реЗрдВ рд╣рд┐рд╕реНрд╕реЗ рдХрд╛ рдЙрдкрдпреЛрдЧ рд╕реНрд╡реАрдХрд╛рд░ рдирд╣реАрдВ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред рдЬрдмрдХрд┐ em рдорд╛рдиреЛрдВ рдХреЗ рд▓рд┐рдП рдЖрдк 3 рджрд╢рдорд▓рд╡ рд╕реНрдерд╛рди рдирд┐рд░реНрджрд┐рд╖реНрдЯ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ рдФрд░ рдкреНрд░рддреНрдпреЗрдХ рдЕрдВрдХ рдХреЛ рдзреНрдпрд╛рди рдореЗрдВ рд░рдЦрд╛ рдЬрд╛рдПрдЧрд╛ред



рдПрдо рдХрд╛ рдЙрдкрдпреЛрдЧ рдЖрдкрдХреЛ рдХрд┐рд╕реА рднреА рддрддреНрд╡ рдХреЛ рд▓реЛрдЪрджрд╛рд░ рдмрдирд╛рдиреЗ рдХреА рдЕрдиреБрдорддрд┐ рджреЗрддрд╛ рд╣реИ рдФрд░ рдпрд╣ рднреВрд▓ рдЬрд╛рддрд╛ рд╣реИ рдХрд┐ рдХрд╣реАрдВ рди рдХрд╣реАрдВ рд╣рдорд╛рд░рд╛ рдкрд╛рда рдПрдХ рдпрд╛ рджреВрд╕рд░реЗ рдмреНрд▓реЙрдХ рдХреА рд╕реАрдорд╛ рд╕реЗ рдкрд░реЗ "рдЫреЛрдбрд╝" рд╕рдХрддрд╛ рд╣реИред рдЖрдк рдореЗрдВ рд╕реЗ рдХрдИ рд▓реЛрдЧреЛрдВ рдиреЗ рд╢рд╛рдпрдж рдкреАрдПрдХреНрд╕ рд╕реЗ рдПрдо рдкрд░ рд╕реНрд╡рд┐рдЪ рдХрд░рдиреЗ рдХреЗ рддрд░реАрдХреЗ рдкрд░ рд▓реЗрдЦ рдкрдврд╝рд╛ рд╣реИред рд▓реЗрдХрд┐рди, рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдкреБрдирд░рд╛рд╡реГрддреНрддрд┐ рдХрд┐рд╕реА рдХреЛ рдЪреЛрдЯ рдирд╣реАрдВ рдкрд╣реБрдБрдЪрд╛рдПрдЧреА :)



рдпрд╣ рдзреНрдпрд╛рди рджреЗрдиреЗ рдпреЛрдЧреНрдп рд╣реИ рдХрд┐ рдПрдХ рд▓реЛрдЪрджрд╛рд░ рдЯреЗрдореНрдкреНрд▓реЗрдЯ рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдмрд╣реБрдд рд╕рд╛рд░реЗ рдЧрдгрдирд╛рдУрдВ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реЛрдЧреА, рдЕрд░реНрдерд╛рддреН, рд╕рд╛рдорд╛рдиреНрдп рдкрд┐рдХреНрд╕рд▓ рдХреЗ рдЕрдиреБрд╡рд╛рдж рдХреЛ рдПрдо рдореЗрдВред рдЗрд╕рд▓рд┐рдП, рдпрд╣ рдЕрдкрдиреЗ рдЖрдк рдХреЛ рдПрдХ рдХреИрд▓рдХреБрд▓реЗрдЯрд░ рдХреЗ рд╕рд╛рде рдЙрддреНрдкрдиреНрди рдХрд░рдиреЗ рд▓рд╛рдпрдХ рд╣реИ :)



рдбрд┐рдлрд╝реЙрд▓реНрдЯ рд░реВрдк рд╕реЗ, 1em рдлрд╝реЙрдиреНрдЯ рдЖрдХрд╛рд░ рдХреЗ рдмрд░рд╛рдмрд░ рд╣реИ рдЬрд┐рд╕реЗ рд╣рдо рд╢рд░реАрд░ рддрддреНрд╡ рдХреЗ рд▓рд┐рдП рдирд┐рд░реНрджрд┐рд╖реНрдЯ рдХрд░рддреЗ рд╣реИрдВред рдпрджрд┐ рдлрд╝реЙрдиреНрдЯ рдЖрдХрд╛рд░ рдирд┐рд░реНрджрд┐рд╖реНрдЯ рдирд╣реАрдВ рд╣реИ, рддреЛ рдЕрдзрд┐рдХрд╛рдВрд╢ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рд░реВрдк рд╕реЗ рдЖрдХрд╛рд░ рдХреЛ 16px рдкрд░ рд╕реЗрдЯ рдХрд░рддреЗ рд╣реИрдВ, рдлрд┐рд░ 1em = 16pxред рдпрд╣рд╛рдБ рд╕реЗ:

0.5em = 8px

10em = 160px рдЖрджрд┐ред

рдФрд░ рдЬреИрд╕рд╛ рдХрд┐ рдХрдИ рд╢рд╛рдпрдж рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рдЬрд╛рдирддреЗ рд╣реИрдВ: 0.625em (62.5%) = 10pxред рдпрд╣ рдПрдХ рд╕реБрд╡рд┐рдзрд╛рдЬрдирдХ рд╢реБрд░реБрдЖрддреА рдмрд┐рдВрджреБ рд╣реИред



рд╣рдо рдирд┐рдпрдо рд▓рд┐рдЦрддреЗ рд╣реИрдВ:

html{ font-size:100%; } /* IE*/

body{ background:#eee;

font-size: 0.625em;

font-family:Arial;

text-align:center}






рдЕрдм 1em 10px рдХреЗ рдмрд░рд╛рдмрд░ рд╣реЛрдЧрд╛ред

Px рдХреЛ em рдореЗрдВ рдмрджрд▓рдиреЗ рдХрд╛ рд╕реВрддреНрд░ рдмрд╣реБрдд рд╕рд░рд▓ рд╣реЛрдЧрд╛:

рдЕрдиреБрд╡рд╛рдж рдХреЗ рд╕реВрддреНрд░ рдХреЗ рд▓рд┐рдП px

рдЬрд╣рд╛рдБ, X рдХреЛ рдкрд░рд┐рд╡рд░реНрддрд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП px рдореЗрдВ рдорд╛рди рд╣реИ, рдФрд░ Y, em рдореЗрдВ рд╕рдВрдмрдВрдзрд┐рдд рдорд╛рди рд╣реИред



рдХреНрдпреЛрдВрдХрд┐ рдпрджрд┐ рд╣рдо рд▓реЛрдЪрджрд╛рд░ рдХреЛ рди рдХреЗрд╡рд▓ рдлрд╝реЙрдиреНрдЯ, рдмрд▓реНрдХрд┐ рд╕рдВрдкреВрд░реНрдг рд╕рд╛рдордЧреНрд░реА рднреА рдмрдирд╛рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ, рддреЛ рд╣рдореЗрдВ рдореБрдЦреНрдп рд╕рдВрд░рдЪрдирд╛рддреНрдордХ рдмреНрд▓реЙрдХреЛрдВ рдХреЗ рдлрд╝реЙрдиреНрдЯ рдЖрдХрд╛рд░ рдЕрд╕рд╛рдЗрдирдореЗрдВрдЯ рдХреЛ рдЫреЛрдбрд╝рдирд╛ рд╣реЛрдЧрд╛ред рдЗрд╕рдХрд╛ рдХрд╛рд░рдг рдпрд╣ рд╣реИ рдХрд┐ рдлрд╝реЙрдиреНрдЯ рдЖрдХрд╛рд░ рдХреЛ рдмреНрд▓реЙрдХ рдореЗрдВ рдирд┐рдпрдд рдХрд░рдиреЗ рдХреЗ рдмрд╛рдж, рд╣рдореЗрдВ рдЙрд╕рдХреА рдЪреМрдбрд╝рд╛рдИ рдХреЛ рдПрдХ рднрд┐рдиреНрди рд╕реВрддреНрд░ рдХреЗ рдЕрдиреБрд╕рд╛рд░ рдкреБрдирдГ рдЖрдХрд▓рд┐рдд рдХрд░рдирд╛ рд╣реЛрдЧрд╛ - рдореВрд▓ рдорд╛рди (10px) рдХреЗ рдЖрдХрд╛рд░ рд╕реЗ рдирд╣реАрдВ, рдмрд▓реНрдХрд┐ рдЗрд╕ рдмреНрд▓реЙрдХ рдХреЗ рдлрд╝реЙрдиреНрдЯ рдЖрдХрд╛рд░ (12px) рд╕реЗред рдЗрд╕рд▓рд┐рдП, рдмреНрд▓реЙрдХ рдХреЗ рдЕрдВрджрд░ рд╣рдо рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП рдкреА рддрддреНрд╡ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВрдЧреЗред



рдЕрдм рдЖрдк рд╕рдВрд░рдЪрдирд╛ рд╕реЗ рд╕реАрдзреЗ рдирд┐рдкрдЯ рд╕рдХрддреЗ рд╣реИрдВ, рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, рдпрд╣:

"рд▓реЛрдЪрджрд╛рд░" рд▓реЗрдЖрдЙрдЯ рдХрд╛ рдЙрджрд╛рд╣рд░рдг



рдирдорд╕реНрддреЗ рджреБрдирд┐рдпрд╛! рд▓реЙрд░реЗрдо рдЗрдкреНрд╕рдо рдбреЛрд▓рд░ рдЕрдореЗрдЯ, рдХрдВрд╕реЗрдЯреЗрдЯреБрд░ рдПрдбрд┐рдкрд┐рд╕рд┐рд▓реЗрдЯрд┐рдВрдЧ рдЗрд▓реАрдЯ, рд╕реЗрдб рдЗрдЗрд╕рдореЛрдб рдЕрд╕реНрдерд╛рдпреА рдЗрдирд┐рдбрд┐рдбрдВрдЯ рдпреВрдЯ рд▓реИрдмрд░ рдПрдЯ рдбреЛрд▓реЛрд░ рдореИрдЧреНрдирд╛ рдПрд▓рд┐рдХрд╛ред рдпреВрдЯ рдПрдирд┐рдо рдПрдб рдорд┐рдирд┐рдордо рд╡реЗрдирд┐рдпрдо, рдХреНрд╡рд┐рд╕ рдиреЙрд╕реНрдЯреНрд░реБрдб рдПрдХреНрд╕рд░рд╕рд╛рдЗрдЬ ullamco laboris nisi ut aliquip ex eaodo resultatред рдбреНрдпреВрд╕ рдСрдЯреЗ рдпреВрд░реЗрдЕрд░ рдбреЛрд▓рд░ рд░реАрдкреНрд▓реЗрдиреНрдбреНрд░рд┐рдЯ рдЗрди рд╡реЙрд▓рдкреЗрдХреНрдЯреЗрдЯ рд╡реЗрд▓рд┐рдЯ рдПрд╕реЗрд▓ рд╕рд┐рд▓рдо рдбреЛрд▓реЛрд░ рдпреВрдЖрд░ рдлреБрдЧрд┐рдпрд╛ рдиреБрд▓реНрд▓рд╛ рдкреИрд░рд╛рдЗрдЯреБрд░ред рдЕрд╕рд╛рдзрд╛рд░рдг рд╕рд┐рдВрдЯ рдСрд╡рдХрд╛рд╕реИрдЯ рдХреНрдпреВрдкрд┐рдбреИрдЯ рдиреЙрди рдкреНрд░реЛрд╕реАрдбреЗрдВрдЯ, рд╕рд┐рдВрдЯрд╛ рдЗрди рдЧреБрдВрдкрд╛ рдХреНрд╡рд┐ рдСрдлрд┐рд╕рд┐рдпрд╛ред

рд▓реЙрд░реЗрдо рдЗрдкреНрд╕рдо рдбреЛрд▓рд░ рдЕрдореЗрдЯ, рдХрдВрд╕реЗрдЯреЗрдЯреБрд░ рдПрдбрд┐рдкрд┐рд╕рд┐рд▓реЗрдЯрд┐рдВрдЧ рдЗрд▓реАрдЯ, рд╕реЗрдб рдЗрдЗрд╕рдореЛрдб рдЕрд╕реНрдерд╛рдпреА рдЗрдирд┐рдбрд┐рдбрдВрдЯ рдпреВрдЯ рд▓реИрдмрд░ рдПрдЯ рдбреЛрд▓реЛрд░ рдореИрдЧреНрдирд╛ рдПрд▓рд┐рдХрд╛ред рдпреВрдЯ рдПрдирд┐рдо рдПрдб рдорд┐рдирд┐рдордо рд╡реЗрдирд┐рдпрдо, рдХреНрд╡рд┐рд╕ рдиреЙрд╕реНрдЯреНрд░реБрдб рдПрдХреНрд╕рд░рд╕рд╛рдЗрдЬ ullamco laboris nisi ut aliquip ex eaodo resultatред рдбреНрдпреВрд╕ рдСрдЯреЗ рдпреВрд░реЗрдЕрд░ рдбреЛрд▓рд░ рд░реАрдкреНрд▓реЗрдиреНрдбреНрд░рд┐рдЯ рдЗрди рд╡реЙрд▓рдкреЗрдХреНрдЯреЗрдЯ рд╡реЗрд▓рд┐рдЯ рдПрд╕реЗрд▓ рд╕рд┐рд▓рдо рдбреЛрд▓реЛрд░ рдпреВрдЖрд░ рдлреБрдЧрд┐рдпрд╛ рдиреБрд▓реНрд▓рд╛ рдкреИрд░рд╛рдЗрдЯреБрд░ред рдЕрд╕рд╛рдзрд╛рд░рдг рд╕рд┐рдВрдЯ рдСрд╡рдХрд╛рд╕реИрдЯ рдХреНрдпреВрдкрд┐рдбреИрдЯ рдиреЙрди рдкреНрд░реЛрд╕реАрдбреЗрдВрдЯ, рд╕рд┐рдВрдЯрд╛ рдЗрди рдЧреБрдВрдкрд╛ рдХреНрд╡рд┐ рдСрдлрд┐рд╕рд┐рдпрд╛ред



рд╣рдореЗрдВ рдПрдЪ 1, рдкреА, рдЖрдИрдПрдордЬреА рдФрд░ рд░реИрдк рдмреНрд▓реЙрдХ рдХреЗ рд▓рд┐рдП рдирд┐рдпрдореЛрдВ рдХреЛ рд▓рд┐рдЦрдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИред рдмрд╛рдж рдХреЗ рд▓рд┐рдП, рдЪреМрдбрд╝рд╛рдИ рдХреЛ 600px рдкрд░ рд╕реЗрдЯ рдХрд░реЗрдВ, рдкрд╣рд▓реЗ рдЗрд╕реЗ em рдореЗрдВ рдЕрдиреБрд╡рд╛рдж рдХрд░рддреЗ рд╣реБрдП:

600px / 10 = 60emред



#wrap{

width: 60em;

margin: 1.5em auto; /* 15px/10 =1.5em*/

border: 0.1em solid #ccc; /* 1px/10 =0.1em*/

background: #fff;

text-align: left;

}






рд╢реАрд░реНрд╖ рдХреЗ рд▓рд┐рдП, 16px рдХреЗ рдмрд░рд╛рдмрд░ рдлрд╝реЙрдиреНрдЯ рдЖрдХрд╛рд░ рдФрд░ рдкреИрд░рд╛рдЧреНрд░рд╛рдл 12px рдХреЗ рд▓рд┐рдП рдЕрд╕рд╛рдЗрди рдХрд░реЗрдВ

h1{

font-size: 1.6em; /* 16px/10 =1.6em*/

margin: 0.833em; /* 10px/16 =0.833em*/

font-weight: 300;

}



p{

font-size: 1.2em;

line-height: 1.333em; /* 16px/12 =1.33em*/

margin-bottom: 1.25em; /* 15px/12 =1.25em*/

}






рдпрд╣ рднреА рдордд рднреВрд▓реЛ рдХрд┐ рдЪрд┐рддреНрд░реЛрдВ рдХреЗ рдЖрдпрд╛рдореЛрдВ рдХреЛ рдЕрдм рдЙрдиреНрд╣реЗрдВ рдПрдо рдореЗрдВ рдирд┐рд░реНрджрд┐рд╖реНрдЯ рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИред рд▓реЗрдХрд┐рди рдпрд╣ рдХреЛрдИ рд╕рдорд╕реНрдпрд╛ рдирд╣реАрдВ рд╣реИ рдЬрдм рдкрд░рд┐рд╡рд░реНрддрди рд╕реВрддреНрд░ рдЗрддрдирд╛ рд╕рд░рд▓ рд╣реИред рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рддрддреНрд╡реЛрдВ рдХреЛ img рддрддреНрд╡ рдХреЛ рдирд┐рд░реНрджрд┐рд╖реНрдЯ рдХрд░реЗрдВ:

img {

width: 8.333em; /* 100px/12 =8.33em 12 тАУ p*/

height: 8.333em;

margin:0 0.833em 0.833em 0; /* 10px/12 =0.833em*/

}






рдЙрджрд╛рд╣рд░рдг рджреЗрдЦреЗрдВ



рдкрд░рд┐рдгрд╛рдо

рдЙрджрд╛рд╣рд░рдг 2 рдмреНрд▓реЙрдХ рджрд┐рдЦрд╛рддрд╛ рд╣реИред рдирд┐рдЪрд▓реЗ рдПрдХ px рдореЗрдВ рд╣рдорд╛рд░реЗ рд╕рд╛рдорд╛рдиреНрдп рд▓реЗрдЖрдЙрдЯ рдХрд╛ рдПрдХ рдЙрджрд╛рд╣рд░рдг рд╣реИред рд╣рд╛рд▓рд╛рдБрдХрд┐, рдЖрдк рдХреЗрд╡рд▓ IE рдФрд░ рдлрд╝рд╛рдпрд░реНрдлрд╝реЙрдХреНрд╕ рдореЗрдВ рдЕрдВрддрд░ рджреЗрдЦреЗрдВрдЧреЗ, рдЬреИрд╕рд╛ рдХрд┐ рдУрдкреЗрд░рд╛ рджреЛрдиреЛрдВ рдкреНрд░рдХрд╛рд░ рдХреЗ рдЙрджрд╛рд╣рд░рдгреЛрдВ рдХреЗ рд▓рд┐рдП рд╕рдорд╛рди рд░реВрдк рд╕реЗ рдЬрд╝реВрдорд┐рдВрдЧ рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд░реЗрдЧрд╛ред



рд╕рдмрд╕реЗ рдмрдбрд╝рд╛ рдлрд╝реЙрдиреНрдЯ рд╕реНрдХреЗрд▓

рд╕рдмрд╕реЗ рдмрдбрд╝рд╛ рдлрд╝реЙрдиреНрдЯ рд╕реНрдХреЗрд▓



рд╕рдмрд╕реЗ рдЫреЛрдЯрд╛ рдлрд╝реЙрдиреНрдЯ рдЖрдХрд╛рд░

рд╕рдмрд╕реЗ рдЫреЛрдЯрд╛ рдлрд╝реЙрдиреНрдЯ рдЖрдХрд╛рд░

рдЬреИрд╕рд╛ рдХрд┐ рдЖрдк рджреЗрдЦ рд╕рдХрддреЗ рд╣реИрдВ, рд▓реЛрдЪрджрд╛рд░ рд▓реЗрдЖрдЙрдЯ рдХреЗ рдлрд╛рдпрджреЗ рд╕реНрдкрд╖реНрдЯ рд╣реИрдВред рдЕрдм рди рдХреЗрд╡рд▓ рдкрд╛рда рдХреЛ рд╕реНрдХреЗрд▓ рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ, рдмрд▓реНрдХрд┐ рдкреВрд░реЗ рдмреНрд▓реЙрдХ рдХреЛ рднреА рдмрдирд╛рдпрд╛ рдЧрдпрд╛ рд╣реИ, рдЬрд┐рд╕рд╕реЗ рд╣рдордиреЗ рдУрдкреЗрд░рд╛ рдФрд░ IE7 рдореЗрдВ рд╕реНрдХреЗрд▓рд┐рдВрдЧ рдлрд╝рдВрдХреНрд╢рди рдХреЗ рд╕рдорд╛рди рдХреБрдЫ рдмрдирд╛рдпрд╛ рд╣реИред рддреЛ, рдЕрдм рдЖрдк рдЖрд╕рд╛рдиреА рд╕реЗ рд╕рд╛рдЗрдЯ рдХреЗ рд▓рд┐рдП рдПрдХ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рд▓реЛрдЪрджрд╛рд░ рдЯреЗрдореНрдкрд▓реЗрдЯ рдмрдирд╛ рд╕рдХрддреЗ рд╣реИрдВ, рдЬреЛ рдирд┐рд╢реНрдЪрд┐рдд рдореВрд▓реНрдпреЛрдВ рдкрд░ рдирд┐рд░реНрднрд░ рдирд╣реАрдВ рдХрд░реЗрдЧрд╛ред рдпрд╣ рд╣рдореЗрдВ рди рдХреЗрд╡рд▓ рдкрд╛рда рдХреЗ рдкреИрдорд╛рдиреЗ рдХреЛ рдирд┐рдпрдВрддреНрд░рд┐рдд рдХрд░рдиреЗ рдХреА рдЕрдиреБрдорддрд┐ рджреЗрдЧрд╛, рдмрд▓реНрдХрд┐ рдЖрдИрдИ рдФрд░ рдлрд╛рдпрд░рдлреЙрдХреНрд╕ рдореЗрдВ рд╕рдордЧреНрд░ рд░реВрдк рд╕реЗ рд╕рд╛рдЗрдЯред



рдмреЗрд╢рдХ, рд╣рд░ рдХреЛрдИ рдХреИрд▓рдХреБрд▓реЗрдЯрд░ рдХреЗ рд╕рд╛рде рдмреИрдардирд╛ рдирд╣реАрдВ рдЪрд╛рд╣рддрд╛ рдФрд░ рдЧрдгрдирд╛ рдкрд░ рд╕рдордп рдмрд┐рддрд╛рддрд╛ рд╣реИред рд▓реЗрдХрд┐рди рдЕрдЧрд░ рдкреНрд░рд╛рд░рдВрднрд┐рдХ рдХрд╛рд░реНрдп рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реЛрддреА рд╣реИ, рддреЛ, рдореБрдЭреЗ рдЖрд╢рд╛ рд╣реИ, рдореЗрд░рд╛ рдЙрджрд╛рд╣рд░рдг рдЖрдкрдХреЗ рд▓рд┐рдП рдЙрдкрдпреЛрдЧреА рд╣реЛрдЧрд╛ред



рдЬреЙрди рдЯреИрди рдЧреЗрд░рд┐рди рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ




All Articles