Π Π°Π·Π΄Π²ΠΈΠΆΠ½ΡΠ΅ Π΄Π²Π΅ΡΠΈ CSS
ΠΠ°Π²ΠΈΠ³Π°ΡΠΈΡ ΠΈΠ· ΠΏΡΠΎΡΡΠΎΠ³ΠΎ ΡΠ΅ΠΊΡΡΠ° Π»Π΅Π³ΠΊΠ° Π² ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠΈ ΠΈ Π·Π°Π³ΡΡΠΆΠ°Π΅ΡΡΡ Π·Π½Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎ Π±ΡΡΡΡΠ΅Π΅, Π½Π΅ΠΆΠ΅Π»ΠΈ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΡ Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ ΡΠ°ΡΡΡΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΠ΅ΠΊΡΡΠ°. ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, Ρ ΠΎΡΡ ΠΌΡ ΠΈ ΠΌΠΎΠΆΠ΅ΠΌ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π°ΡΡΠΈΠ±ΡΡ alt Π΄Π»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, ΠΏΡΠΎΡΡΠΎΠΉ ΡΠ΅ΠΊΡΡ, Π²ΡΠ΅ ΠΆΠ΅, Π±ΠΎΠ»Π΅Π΅ ΠΎΠ±ΡΠ΅Π΄ΠΎΡΡΡΠΏΠ΅Π½, ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΌΠ°ΡΡΡΠ°Π±ΠΈΡΠΎΠ²Π°Π½. ΠΠΎΡΡΠΎΠΌΡ Π½Π΅ΡΠ΄ΠΈΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎ, ΡΡΠΎ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΡ Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ ΠΏΡΠΎΡΡΠΎΠ³ΠΎ ΡΠ΅ΠΊΡΡΠ° Π²ΠΎΠ·Π²ΡΠ°ΡΠ°Π΅ΡΡΡ Π² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½. ΠΠ΄Π½Π°ΠΊΠΎ Π²Π½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄… Π§ΠΈΡΠ°ΡΡ Π΅ΡΡ >
Π Π°Π·Π΄Π²ΠΈΠΆΠ½ΡΠ΅ Π΄Π²Π΅ΡΠΈ CSS (ΡΠ΅ΡΠ΅ΡΠ°Ρ, ΠΊΡΡΡΠΎΠ²Π°Ρ, Π΄ΠΈΠΏΠ»ΠΎΠΌ, ΠΊΠΎΠ½ΡΡΠΎΠ»ΡΠ½Π°Ρ)
Π Π°Π·Π΄Π²ΠΈΠΆΠ½ΡΠ΅ Π΄Π²Π΅ΡΠΈ CSS.
Douglas Bowman.
Π‘ΡΠ΅Π΄ΠΈ ΡΠ΅Π΄ΠΊΠΎ ΠΎΠ±ΡΡΠΆΠ΄Π°Π΅ΠΌΡΡ ΠΏΡΠ΅ΠΈΠΌΡΡΠ΅ΡΡΠ² CSS—Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ Π½Π°Π»ΠΎΠΆΠ΅Π½ΠΈΡ ΡΠΎΠ½ΠΎΠ²ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Ρ ΡΠ΅Π»ΡΡ ΠΏΠΎΠ»ΡΡΠ΅Π½ΠΈΡ ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ ΡΡΡΠ΅ΠΊΡΠΎΠ². Π ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΠΈ ΡΠΎ ΡΡΠ°Π½Π΄Π°ΡΡΠΎΠΌ CSS2 Π΄Π»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΡΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΡΡΠ΅Π±ΡΠ΅ΡΡΡ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΠΉ HTML ΡΠ»Π΅ΠΌΠ΅Π½Ρ. Π Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²Π΅ ΡΠ»ΡΡΠ°Π΅Π², ΡΠΈΠΏΠΈΡΠ½ΡΠΉ ΠΊΠΎΠ΄, ΠΎΠΏΠΈΡΡΠ²Π°ΡΡΠΈΠΉ ΠΎΠ±ΡΠ΅ΠΏΡΠΈΠ½ΡΡΡΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ°, ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ Π² Π½Π°ΡΠ΅ ΡΠ°ΡΠΏΠΎΡΡΠΆΠ΅Π½ΠΈΠ΅ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ HTML ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ².
ΠΠ΄ΠΈΠ½ ΠΈΠ· ΡΠ°ΠΊΠΈΡ ΡΠ»ΡΡΠ°Π΅Π²—Π½Π°Π²ΠΈΠ³Π°ΡΠΈΡ Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ Π·Π°ΠΊΠ»Π°Π΄ΠΎΠΊ. ΠΡΠΈΡΠ»ΠΎ Π²ΡΠ΅ΠΌΡ Π²Π΅ΡΠ½ΡΡΡ ΠΊΠΎΠ½ΡΡΠΎΠ»Ρ Π½Π°Π΄ Π·Π°ΠΊΠ»Π°Π΄ΠΊΠ°ΠΌΠΈ, ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΠΎΡΡΡ ΠΊΠΎΡΠΎΡΡΡ Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠ³ΠΎ ΡΡΠ΅Π΄ΡΡΠ²Π° Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ ΠΏΠΎΡΡΠΎΡΠ½Π½ΠΎ ΡΠ°ΡΡΠ΅Ρ. Π ΡΠ΅ΠΏΠ΅ΡΡ Π±Π»Π°Π³ΠΎΠ΄Π°ΡΡ ΡΠΈΡΠΎΠΊΠΎΠΉ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ΅ CSS ΠΌΡ ΠΌΠΎΠΆΠ΅ΠΌ ΡΠ»ΡΡΡΠΈΡΡ ΠΊΠ°ΡΠ΅ΡΡΠ²ΠΎ ΠΈ Π²Π½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄ Π·Π°ΠΊΠ»Π°Π΄ΠΎΠΊ Π½Π° Π½Π°ΡΠΈΡ ΡΠ°ΠΉΡΠ°Ρ . ΠΡ, ΡΠΊΠΎΡΠ΅Π΅ Π²ΡΠ΅Π³ΠΎ ΡΠΆΠ΅ Π² ΠΊΡΡΡΠ΅, ΡΡΠΎ CSS ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΄Π»Ρ «ΠΏΡΠΈΡΡΡΠ΅Π½ΠΈΡ» ΠΏΡΠΎΡΡΠΎΠ³ΠΎ Π½Π΅Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ°. ΠΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π²Ρ Π΄Π°ΠΆΠ΅ Π²ΠΈΠ΄Π΅Π»ΠΈ ΡΠΏΠΈΡΠΊΠΈ Ρ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ Π² Π²ΠΈΠ΄Π΅ Π·Π°ΠΊΠ»Π°Π΄ΠΎΠΊ, ΠΊΠΎΡΠΎΡΡΠ΅ Π²ΡΠ³Π»ΡΠ΄ΡΡ ΠΏΡΠΈΠΌΠ΅ΡΠ½ΠΎ ΡΠ°ΠΊ:
.
Π ΡΡΠΎ Π΅ΡΠ»ΠΈ Π±Ρ ΠΌΡ ΠΌΠΎΠ³Π»ΠΈ Π²Π·ΡΡΡ ΠΊΠΎΠ΄ Π² ΡΠΎΡΠ½ΠΎΡΡΠΈ ΠΈΠ· ΠΏΡΠ΅Π΄ΡΠ΄ΡΡΠ΅Π³ΠΎ ΠΏΡΠΈΠΌΠ΅ΡΠ° ΠΈ ΠΏΡΠ΅Π²ΡΠ°ΡΠΈΡΡ Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ Π² Π½Π΅ΡΡΠΎ ΠΏΠΎΡ ΠΎΠΆΠ΅Π΅ Π½Π° ΡΡΠΎ:
.
Π‘ ΠΏΠΎΠΌΠΎΡΡΡ Π½Π΅ΡΠ»ΠΎΠΆΠ½ΠΎΠ³ΠΎ CSS ΡΡΠΎ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ.
Π ΡΠ΅ΠΌ Π½ΠΎΠ²ΡΠ΅ΡΡΠ²ΠΎ?
ΠΠ½ΠΎΠ³ΠΈΠ΅ ΠΈΠ· Π²ΡΡΡΠ΅ΡΠ°Π²ΡΠΈΡ ΡΡ ΠΌΠ½Π΅ CSS-Π·Π°ΠΊΠ»Π°Π΄ΠΎΠΊ (Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ, ΠΎΡΠ½ΠΎΠ²Π°Π½Π½ΡΠ΅ Π½Π° CSS) ΡΡΡΠ°Π΄Π°ΡΡ ΠΎΠ΄Π½ΠΎΠΎΠ±ΡΠ°Π·ΠΈΠ΅ΠΌ ΡΠ²ΠΎΠ΅Π³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°: ΡΠ²Π΅ΡΠ½ΡΠ΅ ΠΏΡΡΠΌΠΎΡΠ³ΠΎΠ»ΡΠ½ΠΈΠΊΠΈ, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ Ρ ΠΎΠ±Π²ΠΎΠ΄ΠΊΠΎΠΉ, ΡΠ΅ΠΊΡΡΠ°Ρ Π·Π°ΠΊΠ»Π°Π΄ΠΊΠ° Π±Π΅Π· ΠΎΠ±Π²ΠΎΠ΄ΠΊΠΈ, ΡΠ²Π΅Ρ ΠΌΠ΅Π½ΡΠ΅ΡΡΡ Π΄Π»Ρ ΡΠΎΡΡΠΎΡΠ½ΠΈΡ hover. ΠΠ΅ΡΠΆΠ΅Π»ΠΈ ΡΡΠΎ Π²ΡΠ΅, ΡΡΠΎ CSS ΠΌΠΎΠΆΠ΅Ρ Π½Π°ΠΌ ΠΏΡΠ΅Π΄Π»ΠΎΠΆΠΈΡΡ? ΠΠ΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΏΡΡΠΌΠΎΡΠ³ΠΎΠ»ΡΠ½ΠΈΠΊΠΎΠ² Ρ ΠΎΠ΄Π½ΠΎΡΠ²Π΅ΡΠ½ΠΎΠΉ Π·Π°Π»ΠΈΠ²ΠΊΠΎΠΉ?
ΠΠ΅ΡΠ΅Π΄ ΡΠ΅ΠΌ ΠΊΠ°ΠΊ CSS ΠΏΠΎΠ»ΡΡΠΈΠ» ΡΠΈΡΠΎΠΊΠΎΠ΅ ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½Π΅Π½ΠΈΠ΅, Π² Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΎΠ½Π½ΠΎΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ ΠΏΠΎΡΠ²ΠΈΠ»ΠΎΡΡ ΠΌΠ½ΠΎΠ³ΠΎ Π½ΠΎΠ²ΡΡ ΠΈΠ΄Π΅ΠΉ: ΠΏΡΠΈΡΡΠ΄Π»ΠΈΠ²ΡΠ΅ ΡΠΎΡΠΌΡ, ΠΈΡΠΊΡΡΠ½ΡΠ΅ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄Ρ ΡΠ²Π΅ΡΠ°, ΠΈΠΌΠΈΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠΎΠ² ΠΈΠ· ΡΠ΅Π°Π»ΡΠ½ΠΎΠ³ΠΎ ΠΌΠΈΡΠ°. Π’Π°ΠΊΠΎΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½, ΠΎΠ΄Π½Π°ΠΊΠΎ, ΠΎΡΠ½ΠΎΠ²ΡΠ²Π°Π»ΡΡ Π² Π±ΠΎΠ»ΡΡΠΎΠΉ ΡΡΠ΅ΠΏΠ΅Π½ΠΈ Π½Π° ΡΠ»ΠΎΠΆΠ½ΡΡ ΠΊΠΎΠ½ΡΡΡΡΠΊΡΠΈΡΡ ΠΈΠ· ΡΠ°ΡΡΡΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΠ΅ΠΊΡΡΠ° ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠΊΡΠ°ΡΠ½ΠΎ Π²Π»ΠΎΠΆΠ΅Π½Π½ΡΡ ΡΠ°Π±Π»ΠΈΡ. Π Π΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ° ΠΈΠ»ΠΈ ΡΠΌΠ΅Π½Π° ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎΡΡΠΈ ΡΠ°Π·ΠΌΠ΅ΡΠ΅Π½ΠΈΡ Π·Π°ΠΊΠ»Π°Π΄ΠΎΠΊ Π±ΡΠ»ΠΈ ΠΎΠ±ΡΠ΅ΠΌΠ΅Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠΌ Π΄Π΅Π»ΠΎΠΌ. ΠΠ°ΡΡΡΠ°Π±ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ° Π±ΡΠ»ΠΎ Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΡΠΌ ΠΈΠ»ΠΈ ΠΏΡΠΈΠ²ΠΎΠ΄ΠΈΠ»ΠΎ ΠΊ ΡΠ΅ΡΡΠ΅Π·Π½ΡΠΌ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ°ΠΌ Π² ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡΠΈΠΈ ΡΡΡΠ°Π½ΠΈΡΡ.
ΠΠ°Π²ΠΈΠ³Π°ΡΠΈΡ ΠΈΠ· ΠΏΡΠΎΡΡΠΎΠ³ΠΎ ΡΠ΅ΠΊΡΡΠ° Π»Π΅Π³ΠΊΠ° Π² ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠΈ ΠΈ Π·Π°Π³ΡΡΠΆΠ°Π΅ΡΡΡ Π·Π½Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎ Π±ΡΡΡΡΠ΅Π΅, Π½Π΅ΠΆΠ΅Π»ΠΈ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΡ Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ ΡΠ°ΡΡΡΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΠ΅ΠΊΡΡΠ°. ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, Ρ ΠΎΡΡ ΠΌΡ ΠΈ ΠΌΠΎΠΆΠ΅ΠΌ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π°ΡΡΠΈΠ±ΡΡ alt Π΄Π»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, ΠΏΡΠΎΡΡΠΎΠΉ ΡΠ΅ΠΊΡΡ, Π²ΡΠ΅ ΠΆΠ΅, Π±ΠΎΠ»Π΅Π΅ ΠΎΠ±ΡΠ΅Π΄ΠΎΡΡΡΠΏΠ΅Π½, ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΌΠ°ΡΡΡΠ°Π±ΠΈΡΠΎΠ²Π°Π½. ΠΠΎΡΡΠΎΠΌΡ Π½Π΅ΡΠ΄ΠΈΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎ, ΡΡΠΎ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΡ Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ ΠΏΡΠΎΡΡΠΎΠ³ΠΎ ΡΠ΅ΠΊΡΡΠ° Π²ΠΎΠ·Π²ΡΠ°ΡΠ°Π΅ΡΡΡ Π² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½. ΠΠ΄Π½Π°ΠΊΠΎ Π²Π½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄ CSS-Π·Π°ΠΊΠ»Π°Π΄ΠΎΠΊ Π΄ΠΎ ΡΠΈΡ ΠΏΠΎΡ Π±ΡΠ» ΡΠ°Π³ΠΎΠΌ Π½Π°Π·Π°Π΄ Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅, ΠΈ ΡΠΆ ΠΊΠΎΠ½Π΅ΡΠ½ΠΎ ΡΠΎΠ²ΡΠ΅ΠΌ Π½Π΅ ΡΠ΅ΠΌ, ΡΡΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π²ΠΊΠ»ΡΡΠΈΡΡ Π² Π΄ΠΈΠ·Π°ΠΉΠ½-ΠΏΠΎΡΡΡΠΎΠ»ΠΈΠΎ. ΠΠΎΠ²ΡΠ΅ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ (ΠΊΠ°ΠΊ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, CSS) Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡΡ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ Π½Π΅ΡΡΠΎ Π»ΡΡΡΠ΅Π΅ ΠΈ Ρ ΡΠ°ΠΊΠΈΠΌ ΠΆΠ΅ ΠΊΠ°ΡΠ΅ΡΡΠ²ΠΎΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΠΊΠΎΡΠΎΡΠΎΠ΅ Π΄Π°Π²Π°Π»ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ°Π±Π»ΠΈΡ ΠΈ Π·Π°ΠΊΠ»Π°Π΄ΠΎΠΊ Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ ΡΠ°ΡΡΡΠΎΠ²ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ.
ΠΠ΅ΡΠΎΠ΄ «Π Π°Π·Π΄Π²ΠΈΠΆΠ½ΡΡ Π΄Π²Π΅ΡΠ΅ΠΉ»
ΠΡ ΠΌΠΎΠΆΠ΅ΠΌ ΡΠΎΠ·Π΄Π°ΡΡ ΠΊΡΠ°ΡΠΈΠ²ΡΠ΅, Π΄Π΅ΠΉΡΡΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎ Π³ΠΈΠ±ΠΊΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ°, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠ°ΡΡΠΈΡΡΡΡΡΡ ΠΈ ΡΡΠΆΠ°ΡΡΡΡ Π² Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ ΡΠ°Π·ΠΌΠ΅ΡΠ° ΡΠ΅ΠΊΡΡΠ°, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ Π΄Π²Π° ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΡ ΡΠΎΠ½ΠΎΠ²ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ. ΠΠ΄Π½ΠΎ—Π΄Π»Ρ Π»Π΅Π²ΠΎΠΉ ΡΠ°ΡΡΠΈ Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ, Π΄ΡΡΠ³ΠΎΠ΅—Π΄Π»Ρ ΠΏΡΠ°Π²ΠΎΠΉ. ΠΡΠ΅Π΄ΡΡΠ°Π²ΡΡΠ΅, ΡΡΠΎ ΡΡΠ° ΠΏΠ°ΡΠ° ΠΊΠ°ΡΡΠΈΠ½ΠΎΠΊ—Π Π°Π·Π΄Π²ΠΈΠΆΠ½ΡΠ΅ Π΄Π²Π΅ΡΠΈ, Π·Π°ΠΊΡΡΠ²Π°ΡΡΠΈΠ΅ ΠΎΠ΄ΠΈΠ½ Π΄Π²Π΅ΡΠ½ΠΎΠΉ ΠΏΡΠΎΠ΅ΠΌ. ΠΡΠΈ Π΄Π²Π΅ΡΠΈ ΡΠ΄Π²ΠΈΠ³Π°ΡΡΡΡ ΠΈ ΠΏΠ΅ΡΠ΅ΠΊΡΡΠ²Π°ΡΡΡΡ Π±ΠΎΠ»ΡΡΠ΅, Π΅ΡΠ»ΠΈ Π΄Π²Π΅ΡΠ½ΠΎΠΉ ΠΏΡΠΎΠ΅ΠΌ ΡΠ·ΠΊΠΈΠΉ, ΠΈ Π½Π°ΠΎΠ±ΠΎΡΠΎΡ, ΡΠ°Π·Π΄Π²ΠΈΠ³Π°ΡΡΡΡ ΠΈ ΠΏΠ΅ΡΠ΅ΠΊΡΡΠ²Π°ΡΡΡΡ ΠΌΠ΅Π½ΡΡΠ΅, Π΅ΡΠ»ΠΈ Π½ΡΠΆΠ½ΠΎ Π·Π°ΠΊΡΡΡΡ Π±ΠΎΠ»Π΅Π΅ ΡΠΈΡΠΎΠΊΠΎΠ΅ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²ΠΎ. ΠΡΠΎ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½Π° ΠΈΠ»Π»ΡΡΡΡΠ°ΡΠΈΠΈ:
.
Π‘ΠΎΠ³Π»Π°ΡΠ½ΠΎ ΡΡΠΎΠΉ ΠΌΠΎΠ΄Π΅Π»ΠΈ ΠΎΠ΄Π½ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠ΅ΡΠ΅ΠΊΡΡΠ²Π°Π΅Ρ ΡΠ°ΡΡΡ Π΄ΡΡΠ³ΠΎΠ³ΠΎ. ΠΡΠ»ΠΈ ΠΏΡΠ΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠΈΡΡ, ΡΡΠΎ ΠΏΠΎ ΠΊΡΠ°ΡΠΌ Π½Π°ΡΠΈΡ ΠΊΠ°ΡΡΠΈΠ½ΠΎΠΊ Π΅ΡΡΡ Π½Π΅ΡΡΠΎ ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΠΎΠ΅, ΠΊΠ°ΠΊ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ ΡΠΊΡΡΠ³Π»Π΅Π½Π½ΡΠΉ ΡΠ³ΠΎΠ» Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ, ΠΌΡ Π²ΡΡΠ΄ Π»ΠΈ Π·Π°Ρ ΠΎΡΠΈΠΌ, ΡΡΠΎΠ±Ρ ΠΎΠ΄Π½Π° ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ° ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ Π·Π°ΠΊΡΡΠ²Π°Π»Π° Π΄ΡΡΠ³ΡΡ, Π½Π°Ρ ΠΎΠ΄ΡΡΡΡΡΡ ΠΏΠΎΠ·Π°Π΄ΠΈ. Π§ΡΠΎΠ±Ρ ΡΡΠΎΠ³ΠΎ Π½Π΅ ΠΏΡΠΎΠΈΠ·ΠΎΡΠ»ΠΎ, ΠΌΡ ΡΠ΄Π΅Π»Π°Π΅ΠΌ ΠΏΠ΅ΡΠ΅Π΄Π½ΡΡ (Π² Π½Π°ΡΠ΅ΠΌ ΡΠ»ΡΡΠ°Π΅ Π»Π΅Π²ΡΡ) ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ Π±ΠΎΠ»Π΅Π΅ ΡΠ·ΠΊΠΎΠΉ. ΠΠΎ ΠΏΡΠΈ ΡΡΠΎΠΌ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ° Π΄ΠΎΠ»ΠΆΠ½Π° Π±ΡΡΡ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ ΡΠΈΡΠΎΠΊΠΎΠΉ, ΡΡΠΎΠ±Ρ ΡΠΎΡ ΡΠ°Π½ΠΈΠ»Π°ΡΡ Π΅Π΅ Π²ΠΈΠ΄ΠΈΠΌΠ°Ρ ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΠΎΡΡΡ. Π Π½Π°ΡΠ΅ΠΌ ΡΠ»ΡΡΠ°Π΅ ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΡΠΌΠΈ ΡΠ²Π»ΡΡΡΡΡ ΡΠΊΡΡΠ³Π»Π΅Π½Π½ΡΠ΅ ΡΠ³Π»Ρ, ΠΏΠΎΡΡΠΎΠΌΡ ΠΏΠ΅ΡΠ΅Π΄Π½ΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ° Π±ΡΠ΄Π΅Ρ ΡΠΈΡΠΈΠ½ΠΎΠΉ Ρ ΡΡΡ, ΡΠΊΡΡΠ³Π»Π΅Π½Π½ΡΡ ΡΠ°ΡΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ:
.
ΠΡΠ»ΠΈ ΡΠ°Π·ΠΌΠ΅Ρ Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ ΡΠ²Π΅Π»ΠΈΡΠΈΡΡΡ Π² ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ΅, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΌΠ°ΡΡΡΠ°Π±ΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°, Π½Π°ΡΠΈ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ ΡΠ°Π·ΠΎΠΉΠ΄ΡΡΡΡ Π² ΡΡΠΎΡΠΎΠ½Ρ, ΠΎΠ±Π½Π°ΠΆΠΈΠ² Π½Π΅ΠΏΡΠΈΡΡΠ½ΡΠΉ ΡΠ°Π·ΡΡΠ². Π‘Π»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎ, Π½ΡΠΆΠ½ΠΎ ΠΎΡΠ΅Π½ΠΈΡΡ ΠΌΠ°ΡΡΡΠ°Π± ΠΏΡΠΈΠ΅ΠΌΠ»Π΅ΠΌΠΎΠ³ΠΎ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΡ. ΠΠ°ΠΊ ΡΠΈΠ»ΡΠ½ΠΎ ΠΌΠΎΠΆΠ΅Ρ ΡΠ²Π΅Π»ΠΈΡΠΈΡΡΡΡ ΠΎΠ±ΡΠ΅ΠΊΡ ΠΏΡΠΈ ΠΌΠ°ΡΡΡΠ°Π±ΠΈΡΠΎΠ²Π°Π½ΠΈΠΈ ΡΠ΅ΠΊΡΡΠ° Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅? Π Π΅Π°Π»ΡΠ½ΠΎ ΡΠ»Π΅Π΄ΡΠ΅Ρ ΡΠ°ΡΡΡΠΈΡΡΠ²Π°ΡΡ Π½Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΡΠ²Π΅Π»ΠΈΡΠ΅Π½ΠΈΡ Π΄ΠΎ 300%. Π§ΡΠΎΠ±Ρ ΠΊΠΎΠΌΠΏΠ΅Π½ΡΠΈΡΠΎΠ²Π°ΡΡ ΡΡΠΎΡ ΡΠΎΡΡ, Π½ΡΠΆΠ½ΠΎ ΡΠ°ΡΡΡΠ½ΡΡΡ ΡΠΎΠ½ΠΎΠ²ΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ. Π Π½Π°ΡΠ΅ΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅, ΠΌΡ ΡΠ΄Π΅Π»Π°Π΅ΠΌ Π·Π°Π΄Π½ΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ (ΠΏΡΠ°Π²Π°Ρ ΡΡΠΎΡΠΎΠ½Π°) ΡΠ°Π·ΠΌΠ΅ΡΠΎΠΌ 400×150 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ, Π° ΠΏΠ΅ΡΠ΅Π΄Π½ΡΡ—9×150 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ.
ΠΠ΅ Π·Π°Π±ΡΠ²Π°ΠΉΡΠ΅, ΡΡΠΎ ΡΠΎΠ½ΠΎΠ²ΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π²ΠΈΠ΄Π½Ρ ΡΠΎΠ»ΡΠΊΠΎ Π² «Π΄Π²Π΅ΡΠ½ΠΎΠΌ ΠΏΡΠΎΠ΅ΠΌΠ΅» ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°, ΠΊ ΠΊΠΎΡΠΎΡΠΎΠΌΡ ΠΎΠ½ΠΈ ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½Ρ («Π΄Π²Π΅ΡΠ½ΠΎΠΉ ΠΏΡΠΎΠ΅ΠΌ"—ΠΎΠ±Π»Π°ΡΡΡ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ° + ΠΎΡΡΡΡΠΏ). ΠΠ±Π΅ Π½Π°ΡΠΈ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ ΠΏΡΠΈΠΊΡΠ΅ΠΏΠ»Π΅Π½Ρ ΠΊ Π²Π½Π΅ΡΠ½ΠΈΠΌ ΡΠ³Π»Π°ΠΌ ΠΈΡ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ². ΠΠΈΠ΄ΠΈΠΌΡΠ΅ ΡΠ°ΡΡΠΈ ΡΡΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½ΡΡΡΡΡ Π²Π½ΡΡΡΠΈ Π΄Π²Π΅ΡΠ½ΠΎΠ³ΠΎ ΠΏΡΠΎΠ΅ΠΌΠ° ΠΈ ΠΎΠ±ΡΠ°Π·ΡΡΡ ΡΠΎΡΠΌΡ Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ:
.
ΠΠΎΠ³Π΄Π° Π·Π°ΠΊΠ»Π°Π΄ΠΊΠ° ΡΠ²Π΅Π»ΠΈΡΠΈΠ²Π°Π΅ΡΡΡ, ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΡΠ°Π·Π΄Π²ΠΈΠ³Π°ΡΡΡΡ, Π·Π°ΠΏΠΎΠ»Π½ΡΡ Π±ΠΎΠ»Π΅Π΅ ΡΠΈΡΠΎΠΊΠΈΠΉ ΠΏΡΠΎΠ΅ΠΌ, ΠΏΡΠΈ ΡΡΠΎΠΌ Π²ΠΈΠ΄ΠΈΠΌΠ°Ρ ΠΎΠ±Π»Π°ΡΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ ΡΠ°ΠΊΠΆΠ΅ ΡΡΠ°Π½ΠΎΠ²ΠΈΡΡΡ Π±ΠΎΠ»ΡΡΠ΅:
.
ΠΠ»Ρ Π½Π°ΡΠ΅Π³ΠΎ ΠΏΡΠΈΠΌΠ΅ΡΠ° Ρ ΡΠΎΠ·Π΄Π°Π» Π² Photoshop «Π΅ Π΄Π²Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Ρ ΠΌΡΠ³ΠΊΠΈΠΌ, ΠΈΠΌΠΈΡΠΈΡΡΡΡΠΈΠΌ ΡΡΠ΅Ρ ΠΌΠ΅ΡΠ½ΠΎΡΡΡ, ΡΠΎΠ½ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ. ΠΠ»Ρ ΠΎΠ΄Π½ΠΎΠΉ ΠΈΠ· Π·Π°ΠΊΠ»Π°Π΄ΠΎΠΊ Ρ Π²ΡΡΠ²Π΅ΡΠ»ΠΈΠ» Π·Π°Π»ΠΈΠ²ΠΊΡ ΠΈ Π·Π°ΡΠ΅ΠΌΠ½ΠΈΠ» ΠΎΠ±Π²ΠΎΠ΄ΠΊΡ—ΡΡΠΎΡ Π²Π°ΡΠΈΠ°Π½Ρ Π±ΡΠ΄Π΅Ρ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΡΡ «ΡΠ΅ΠΊΡΡΡΡ» Π·Π°ΠΊΠ»Π°Π΄ΠΊΡ. Π‘Π»Π΅Π΄ΡΡ Π²ΡΠ±ΡΠ°Π½Π½ΠΎΠΉ ΠΌΠΎΠ΄Π΅Π»ΠΈ Ρ Π»Π΅Π²ΡΠΌ ΠΈ ΠΏΡΠ°Π²ΡΠΌ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡΠΌΠΈ, ΠΌΡ Π΄ΠΎΠ»ΠΆΠ½Ρ ΡΠ°Π·ΡΠ΅Π·Π°ΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ Π½Π° Π΄Π²Π΅ ΡΠ°ΡΡΠΈ:
.
Π’ΠΎ ΠΆΠ΅ ΡΠ°ΠΌΠΎΠ΅ Π½ΡΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ ΠΈ ΡΠΎ ΡΠ²Π΅ΡΠ»ΡΠΌ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ Π΄Π»Ρ ΡΠ΅ΠΊΡΡΠ΅ΠΉ Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ. ΠΠΎΠ»ΡΡΠΈΠ² ΡΠ°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ Π²ΡΠ΅ 4 ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, (1, 2, 3, 4) ΠΌΡ ΠΌΠΎΠΆΠ΅ΠΌ ΠΏΡΠΈΡΡΡΠΏΠΈΡΡ ΠΊ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΊΠΎΠ΄Π° ΠΈ CSS Π΄Π»Ρ Π½Π°ΡΠΈΡ Π·Π°ΠΊΠ»Π°Π΄ΠΎΠΊ.
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π·Π°ΠΊΠ»Π°Π΄ΠΎΠΊ
ΠΠΎ ΠΌΠ΅ΡΠ΅ Π·Π½Π°ΠΊΠΎΠΌΡΡΠ²Π° Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ΠΌ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΡΡ ΡΠΏΠΈΡΠΊΠΎΠ² ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ CSS Π²Ρ Π·Π°ΠΌΠ΅ΡΠΈΡΠ΅ ΠΊΠ°ΠΊ ΠΌΠΈΠ½ΠΈΠΌΡΠΌ Π΄Π²Π° ΡΠΏΠΎΡΠΎΠ±Π° ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΡ Π³ΡΡΠΏΠΏΡ ΠΎΠ±ΡΠ΅ΠΊΡΠΎΠ² Π² ΠΎΠ΄ΠΈΠ½ ΡΡΠ΄. Π£ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π΅ΡΡΡ ΡΠ²ΠΎΠΈ ΠΏΡΠ΅ΠΈΠΌΡΡΠ΅ΡΡΠ²Π° ΠΈ Π½Π΅Π΄ΠΎΡΡΠ°ΡΠΊΠΈ. ΠΠ±Π° ΡΡΠ΅Π±ΡΡΡ ΠΎΠ±ΡΠ°ΡΠ΅Π½ΠΈΡ ΠΊ Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ ΡΠ»ΠΎΠΆΠ½ΡΠΌ Π°ΡΠΏΠ΅ΠΊΡΠ°ΠΌ CSS, Π² ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π±ΡΡΡΡΠΎ Π·Π°ΠΏΡΡΠ°ΡΡΡΡ. ΠΠ΅ΡΠ²ΡΠΉ ΡΠΏΠΎΡΠΎΠ± ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ ΡΡΡΠΎΡΠ½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ, Π²ΡΠΎΡΠΎΠΉ—ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ float.
ΠΠ΅ΡΠ²ΡΠΉ ΡΠΏΠΎΡΠΎΠ±—Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ Π±ΠΎΠ»Π΅Π΅ ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½Π΅Π½Π½ΡΠΉ—ΠΏΡΠ΅Π΄ΠΏΠΎΠ»Π°Π³Π°Π΅Ρ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π° display Π½Π° «inline» (ΡΡΡΠΎΡΠ½ΡΠΉ). «Π‘ΡΡΠΎΡΠ½ΡΠΉ» ΠΌΠ΅ΡΠΎΠ΄ ΠΏΡΠΈΠ²Π»Π΅ΠΊΠ°ΡΠ΅Π»Π΅Π½ ΡΠ²ΠΎΠ΅ΠΉ ΠΏΡΠΎΡΡΠΎΡΠΎΠΉ. ΠΠ΄Π½Π°ΠΊΠΎ ΠΎΠ½ ΠΏΡΠΈΠ²ΠΎΠ΄ΠΈΡ ΠΊ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ°ΠΌ Π² ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΠΈ Π½Π°ΡΠ΅Π³ΠΎ ΠΌΠ΅ΡΠΎΠ΄Π° Π Π°Π·Π΄Π²ΠΈΠΆΠ½ΡΡ Π΄Π²Π΅ΡΠ΅ΠΉ Π² Π½Π΅ΠΊΠΎΡΠΎΡΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΠ°Ρ . ΠΡΠΎΡΠΎΠΉ ΡΠΏΠΎΡΠΎΠ±, Π½Π° ΠΊΠΎΡΠΎΡΠΎΠΌ ΠΌΡ ΠΈ ΡΠΎΡΡΠ΅Π΄ΠΎΡΠΎΡΠΈΠΌ Π½Π°ΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ ΠΏΠ»Π°Π²Π°ΡΡΡΡ ΠΌΠΎΠ΄Π΅Π»Ρ Π΄Π»Ρ Π²ΡΡΡΡΠ°ΠΈΠ²Π°Π½ΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΡΠΏΠΈΡΠΊΠ° Π² Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΡΠΉ ΡΡΠ΄. ΠΠ»Π°Π²Π°ΡΡΠ°Ρ ΠΌΠΎΠ΄Π΅Π»Ρ, ΠΎΠ΄Π½Π°ΠΊΠΎ, ΡΠΎΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ ΡΠ°Π·ΠΎΡΠ°ΡΠΎΠ²Π°ΡΡ. ΠΠ΅ ΠΏΡΠΎΡΠΈΠ²ΠΎΡΠ΅ΡΠΈΠ²ΠΎΠ΅ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ ΠΏΠΎΡΠΎΠΉ Π½Π°ΡΡΡΠ°Π΅Ρ Π²ΡΡ ΠΌΡΡΠ»ΠΈΠΌΡΡ Π»ΠΎΠ³ΠΈΠΊΡ. ΠΠΎ Π²ΡΠ΅ ΠΆΠ΅ ΠΎΠ±ΡΠ΅Π΅ ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΡΠΏΡΠ°Π²Π»ΡΡΡΡΡ Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΠΌΠΈ ΠΏΠ»Π°Π²Π°ΡΡΠΈΠΌΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ ΠΈ Π·Π½Π°Π½ΠΈΠ΅ Π½Π°Π΄Π΅ΠΆΠ½ΡΡ ΡΠΏΠΎΡΠΎΠ±ΠΎΠ² «Π²ΡΡ ΠΎΠ΄Π°» ΠΈΠ· ΠΏΠ»Π°Π²Π°ΡΡΠ΅Π³ΠΎ ΡΡΠ΄Π° (ΠΈΠ»ΠΈ Π΅Π³ΠΎ Π·Π°ΠΊΠ»ΡΡΠ΅Π½ΠΈΡ Π² ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅Ρ) ΠΌΠΎΠΆΠ΅Ρ ΡΠΎΡΠ²ΠΎΡΠΈΡΡ ΡΡΠ΄Π΅ΡΠ°.
ΠΡ ΠΏΠΎΠΏΡΠΎΠ±ΡΠ΅ΠΌ ΠΏΠΎΠΌΠ΅ΡΡΠΈΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΏΠ»Π°Π²Π°ΡΡΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Π²Π½ΡΡΡΡ Π΄ΡΡΠ³ΠΎΠ³ΠΎ ΠΏΠ»Π°Π²Π°ΡΡΠ΅Π³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°-ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ°. ΠΡΠΎ Π½Π°Π΄ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠ°ΠΊ, ΡΡΠΎΠ±Ρ Π²Π½Π΅ΡΠ½ΠΈΠΉ ΡΠΎΠ΄ΠΈΡΠ΅Π»ΡΡΠΊΠΈΠΉ ΠΏΠ»Π°Π²Π°ΡΡΠΈΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ ΠΎΠΊΡΡΠΆΠΈΠ» Π²Π½ΡΡΡΠ΅Π½Π½ΠΈΠ΅ ΠΏΠ»Π°Π²Π°ΡΡΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ. Π’ΠΎΠ³Π΄Π° ΠΌΡ ΡΠΌΠΎΠΆΠ΅ΠΌ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΏΠΎΠ·Π°Π΄ΠΈ Π½Π°ΡΠΈΡ Π·Π°ΠΊΠ»Π°Π΄ΠΎΠΊ ΡΠΎΠ½ΠΎΠ²ΡΠΉ ΡΠ²Π΅Ρ ΠΈΠ»ΠΈ ΡΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅. ΠΠ°ΠΆΠ½ΠΎ ΠΏΠΎΠΌΠ½ΠΈΡΡ, ΡΡΠΎ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΡΠ»Π΅Π΄ΡΡΡΠ΅Π³ΠΎ Π·Π° Π·Π°ΠΊΠ»Π°Π΄ΠΊΠ°ΠΌΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±ΡΡΡ Π²ΠΎΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½ΠΎ ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ CSS-ΡΠ²ΠΎΠΉΡΡΠ²Π° clear. Π’ΠΎΠ³Π΄Π° ΠΏΠ»Π°Π²Π°ΡΡΠΈΠ΅ Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ Π½Π΅ ΡΠΌΠΎΠ³ΡΡ Π²Π»ΠΈΡΡΡ Π½Π° ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π΄ΡΡΠ³ΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΡΡΡΠ°Π½ΠΈΡΡ.
ΠΠ°ΡΠ½Π΅ΠΌ ΡΠΎ ΡΠ»Π΅Π΄ΡΡΡΠ΅Π³ΠΎ ΠΊΠΎΠ΄Π°:
Home.
News.
Products.
About.
Contact.
ΠΠ° ΠΏΡΠ°ΠΊΡΠΈΠΊΠ΅ Π±Π»ΠΎΠΊ #header ΠΌΠΎΠ³ Π±Ρ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡ Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π΅ΡΠ΅ Π»ΠΎΠ³ΠΎΡΠΈΠΏ ΠΈ ΡΠΎΡΠΌΡ Π΄Π»Ρ ΠΏΠΎΠΈΡΠΊΠ°. Π Π½Π°ΡΠ΅ΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΠΌΡ ΡΠΎΠΊΡΠ°ΡΠΈΠΌ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ href Π΄Π»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΡΡΠ»ΠΊΠΈ Π΄ΠΎ «#». ΠΠΎΠ½ΡΡΠ½ΠΎ, ΡΡΠΎ Π² ΡΠ΅Π°Π»ΡΠ½ΠΎΠΉ ΠΆΠΈΠ·Π½ΠΈ Π²ΠΌΠ΅ΡΡΠΎ ΡΡΠΎΠ³ΠΎ Π·Π½Π°ΡΠΊΠ° Π±ΡΠ΄Π΅Ρ ΡΠΊΠ°Π·Π°Π½ ΠΏΡΡΡ ΠΊ ΡΠ°ΠΉΠ»Ρ ΠΈΠ»ΠΈ ΠΏΠ°ΠΏΠΊΠ΅.
ΠΠ°ΡΠ½Π΅ΠΌ ΡΠ°Π±ΠΎΡΡ Ρ CSS Ρ ΠΏΡΠΈΡΠ²ΠΎΠ΅Π½ΠΈΡ ΡΠ²ΠΎΠΉΡΡΠ²Π° float ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΡ #header. ΠΡΠΎ Π΄Π°Π΅Ρ Π³Π°ΡΠ°Π½ΡΠΈΡ ΡΠΎΠ³ΠΎ, ΡΡΠΎ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅Ρ Π² Π΄Π΅ΠΉΡΡΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎΡΡΠΈ «Π²ΠΌΠ΅ΡΠ°Π΅Ρ» ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΏΠΈΡΠΊΠ°, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠΎΠΆΠ΅ Π±ΡΠ΄ΡΡ ΠΏΠ»Π°Π²Π°ΡΡΠΈΠΌΠΈ. Π’Π°ΠΊ ΠΊΠ°ΠΊ ΠΌΡ ΡΠ΄Π΅Π»Π°Π»ΠΈ #header ΠΏΠ»Π°Π²Π°ΡΡΠΈΠΌ, Π½Π°ΠΌ Π½ΡΠΆΠ½ΠΎ ΠΏΡΠΈΡΠ²ΠΎΠΈΡΡ Π΅ΠΌΡ ΡΠΈΡΠΈΠ½Ρ Π² 100%. ΠΡ ΡΠ°ΠΊΠΆΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ Π²ΡΠ΅ΠΌΠ΅Π½Π½ΡΠΉ ΠΆΠ΅Π»ΡΡΠΉ ΡΠΎΠ½, ΡΡΠΎΠ±Ρ ΡΠ±Π΅Π΄ΠΈΡΡΡΡ, ΡΡΠΎ ΡΡΠΎΡ ΡΠΎΠ΄ΠΈΡΠ΅Π»ΡΡΠΊΠΈΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ°ΡΡΡΠ³ΠΈΠ²Π°Π΅ΡΡΡ Π½Π° Π²ΡΡ ΡΠΈΡΠΈΠ½Ρ ΠΏΠΎΠ·Π°Π΄ΠΈ Π·Π°ΠΊΠ»Π°Π΄ΠΎΠΊ. ΠΡ ΠΈ Π½Π°ΠΊΠΎΠ½Π΅Ρ Π·Π°Π΄Π°Π΄ΠΈΠΌ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΎΡΠ½ΠΎΠ²Π½ΡΡ ΡΡΠΈΡΡΠΎΠ²ΡΡ ΡΠ²ΠΎΠΉΡΡΠ², ΡΡΠΎΠ±Ρ ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠΈΡΡ Π΅Π΄ΠΈΠ½ΡΡΠ²ΠΎ Π²Π½Π΅ΡΠ½Π΅Π³ΠΎ Π²ΠΈΠ΄Π° ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ²:
#header {.
float: left;
width:100%;
background: yellow;
font-size:93%;
line-height:normal;
}.
ΠΡ ΡΠ°ΠΊΠΆΠ΅ Π·Π°Π΄Π°Π΄ΠΈΠΌ Π½ΡΠ»Π΅Π²ΠΎΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π΄Π»Ρ ΠΏΠΎΠ»Π΅ΠΉ ΠΈ ΠΎΡΡΡΡΠΏΠΎΠ² ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ul ΠΈ li ΠΈ ΡΠ±Π΅ΡΠ΅ΠΌ ΠΌΠ°ΡΠΊΠ΅Ρ ΡΠΏΠΈΡΠΊΠ°. ΠΠ»Ρ Π²ΡΠ΅Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΡΠΏΠΈΡΠΊΠ° Π½Π°ΠΏΠΈΡΠ΅ΠΌ ΠΎΠ±ΡΡΠ²Π»Π΅Π½ΠΈΠ΅ float: left:
#header ul {.
margin:0;
padding:0;
list-style:none;
}.
#header li {.
float: left;
margin:0;
padding:0;
}.
ΠΠ»Ρ ΡΡΡΠ»ΠΎΠΊ ΠΌΡ Π·Π°Π΄Π°Π΄ΠΈΠΌ Π±Π»ΠΎΠΊΠΎΠ²ΠΎΠ΅ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Ρ ΡΠ΅ΠΌ, ΡΡΠΎΠ±Ρ ΠΊΠΎΠ½ΡΡΠΎΠ»ΠΈΡΠΎΠ²Π°ΡΡ ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΡΡΠ΅Π΅, Π½Π΅ Π±Π΅ΡΠΏΠΎΠΊΠΎΡΡΡ ΠΎ ΡΡΡΠΎΡΠ½ΠΎΠΉ ΠΌΠΎΠ΄Π΅Π»ΠΈ:
#header a {.
display: block;
}.
ΠΠ°ΡΠ΅ΠΌ ΠΌΡ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ Π½Π°ΡΠ΅ ΠΏΡΠ°Π²ΠΎΠ΅ ΡΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΊ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΏΠΈΡΠΊΠ° (ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΠΈ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ ΠΏΠΎΠΊΠ°Π·Π°Π½Ρ ΠΏΠΎΠ»ΡΠΆΠΈΡΠ½ΡΠΌ ΡΡΠΈΡΡΠΎΠΌ):
#header li {.
float: left;
background: url («norm_right.gif »).
no-repeat right top;
margin:0;
padding:0;
}.
ΠΠ΅ΡΠ΅Π΄ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ΠΌ Π»Π΅Π²ΠΎΠ³ΠΎ ΡΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΡΠ΄Π΅Π»Π°Π΅ΠΌ ΠΏΠ°ΡΠ·Ρ ΠΈ ΠΏΠΎΡΠΌΠΎΡΡΠΈΠΌ, ΡΡΠΎ ΠΌΡ ΠΈΠΌΠ΅Π΅ΠΌ ΠΊ ΡΡΠΎΠΉ ΠΌΠΈΠ½ΡΡΠ΅, Π² ΠΏΡΠΈΠΌΠ΅ΡΠ΅ 1. (ΠΠ΅ ΠΎΠ±ΡΠ°ΡΠ°ΠΉΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΡ Π½Π° ΠΏΡΠ°Π²ΠΈΠ»ΠΎ, ΠΊΠΎΡΠΎΡΠΎΠ΅ Ρ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΠ» ΠΊ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ body Π² ΡΠ°ΠΉΠ»Π΅ ΠΏΡΠΈΠΌΠ΅ΡΠ°. ΠΠ½ΠΎ Π»ΠΈΡΡ Π·Π°Π΄Π°Π΅Ρ ΠΎΡΠ½ΠΎΠ²Π½ΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ Π΄Π»Ρ ΠΏΠΎΠ»Π΅ΠΉ, ΠΎΡΡΡΡΠΏΠΎΠ², ΡΠ²Π΅ΡΠΎΠ² ΠΈ ΡΠ΅ΠΊΡΡΠ°.).
— - ;
Π’Π΅ΠΏΠ΅ΡΡ ΠΌΡ ΠΌΠΎΠΆΠ΅ΠΌ ΡΠ°Π·ΠΌΠ΅ΡΡΠΈΡΡ Π»Π΅Π²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π²ΠΏΠ΅ΡΠ΅Π΄ΠΈ ΠΏΡΠ°Π²ΠΎΠ³ΠΎ, ΠΏΡΠΈΠΌΠ΅Π½ΠΈΠ² Π΅Π³ΠΎ ΠΊ ΡΡΡΠ»ΠΊΠ΅ (Π½Π°ΡΠ΅ΠΌΡ Π²Π½ΡΡΡΠ΅Π½Π½Π΅ΠΌΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ). Π‘ΡΠ°Π·Ρ ΠΆΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ ΠΎΡΡΡΡΠΏ, ΡΡΠΎΠ±Ρ ΠΎΡΠΎΠ΄Π²ΠΈΠ½ΡΡΡ ΡΠ΅ΠΊΡΡ ΠΎΡ ΠΊΡΠ°Π΅Π² Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ:
#header a {.
display: block;
background: url («norm_left.gif »).
no-repeat left top;
padding:5px 15px;
}.
Π Π΅Π·ΡΠ»ΡΡΠ°Ρ ΠΏΠΎΠΊΠ°Π·Π°Π½ Π² ΠΏΡΠΈΠΌΠ΅ΡΠ΅ 2. ΠΠ°ΡΠΈ Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ Π½Π°ΡΠ°Π»ΠΈ ΠΎΠ±ΡΠ΅ΡΠ°ΡΡ ΡΠΎΡΠΌΡ. Π ΡΡΠΎΠΌ ΠΌΠ΅ΡΡΠ΅ ΠΎΠ±ΡΠ°ΡΠΈΠΌΡΡ ΠΊ ΡΠΌΡΡΠ΅Π½Π½ΡΠΌ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌ IE5/Mac, ΠΊΠΎΡΠΎΡΡΠ΅ Π·Π°Π΄Π°ΡΡ ΡΠ΅Π±Π΅ Π²ΠΎΠΏΡΠΎΡ: «Π§ΡΠΎ Π·Π΄Π΅ΡΡ Π²ΠΎΠΎΠ±ΡΠ΅ ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΡ? ΠΠ°ΠΊΠ»Π°Π΄ΠΊΠΈ ΡΠ»ΠΎΠΆΠ΅Π½Ρ Π² Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΡΡ ΡΡΠΎΠΏΠΊΡ ΠΈ ΡΠ°ΡΡΡΠ½ΡΡΡ ΠΏΠΎ ΡΠΈΡΠΈΠ½Π΅ Π½Π° Π²Π΅ΡΡ ΡΠΊΡΠ°Π½.» ΠΠ΅ Π±Π΅ΡΠΏΠΎΠΊΠΎΠΉΡΠ΅ΡΡ, ΡΠΊΠΎΡΠΎ Π΄ΠΎΠΉΠ΄Π΅ΠΌ ΠΈ Π΄ΠΎ Π²Π°Ρ. Π ΠΏΠΎΠΊΠ° ΠΏΡΠΎΡΡΠΎ ΡΠ»Π΅Π΄ΠΈΡΠ΅ Π·Π° ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΡΡΠΈΠΌ ΠΈΠ»ΠΈ Π²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠΈΡΠ΅ΡΡ Π½Π° Π΄ΡΡΠ³ΠΎΠΉ Π±ΡΠ°ΡΠ·Π΅Ρ ΠΈ Π±ΡΠ΄ΡΡΠ΅ ΡΠ²Π΅ΡΠ΅Π½Ρ—ΡΠΊΠΎΡΠΎ ΠΌΡ ΡΠ΅ΡΠΈΠΌ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ IE5/Mac.
— - ;
Π’Π΅ΠΏΠ΅ΡΡ, ΠΊΠΎΠ³Π΄Π° ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ Π΄Π»Ρ ΠΏΡΠΎΡΡΡΡ Π·Π°ΠΊΠ»Π°Π΄ΠΎΠΊ Π·Π°Π½ΡΠ»ΠΈ ΡΠ²ΠΎΠ΅ ΠΌΠ΅ΡΡΠΎ, Π·Π°Π΄Π°Π΄ΠΈΠΌ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π΄Π»Ρ ΡΠ΅ΠΊΡΡΠ΅ΠΉ Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ. Π‘Π΄Π΅Π»Π°Π΅ΠΌ ΡΡΠΎ, ΠΎΠ±ΡΠ°ΡΡΡΡ ΠΊ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΏΠΈΡΠΊΠ° Ρ id= «current «ΠΈ ΡΡΡΠ»ΠΊΠ΅ Π²Π½ΡΡΡΠΈ Π½Π΅Π³ΠΎ. Π’Π°ΠΊ ΠΊΠ°ΠΊ ΠΌΡ Π½Π΅ ΠΌΠ΅Π½ΡΠ΅ΠΌ Π½ΠΈΠΊΠ°ΠΊΠΈΡ ΡΠ²ΠΎΠΉΡΡΠ² ΡΠΎΠ½Π° ΠΊΡΠΎΠΌΠ΅ ΡΠΎΠ½ΠΎΠ²ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ, Π±ΡΠ΄Π΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ background-image:
#header #current {.
background-image:url («norm_right_on.gif »);
}.
#header #current a {.
background-image:url («norm_left_on.gif »);
}.
Π Π½ΠΈΠΆΠ½Π΅ΠΉ ΡΠ°ΡΡΠΈ Π½Π°ΡΠΈΡ Π·Π°ΠΊΠ»Π°Π΄ΠΎΠΊ Π½Π°ΠΌ Π½ΡΠΆΠ½Π° ΠΊΠ°ΠΊΠ°Ρ-ΡΠΎ ΠΎΠ±Π²ΠΎΠ΄ΠΊΠ°. ΠΠΎ ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π° border ΠΊ ΡΠΎΠ΄ΠΈΡΠ΅Π»ΡΡΠΊΠΎΠΌΡ #header Π½Π΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ Π½Π°ΠΌ «ΠΏΡΠΎΡΠΎΡΠΈΡΡ» ΡΠ΅ΠΊΡΡΡΡ Π·Π°ΠΊΠ»Π°Π΄ΠΊΡ ΡΠ΅ΡΠ΅Π· ΡΡΡ Π³ΡΠ°Π½ΠΈΡΡ. ΠΠΌΠ΅ΡΡΠΎ ΡΡΠΎΠ³ΠΎ ΠΌΡ ΡΠΎΠ·Π΄Π°Π΄ΠΈΠΌ Π½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Ρ Π½ΡΠΆΠ½ΠΎΠΉ Π½Π°ΠΌ ΠΎΠ±Π²ΠΎΠ΄ΠΊΠΎΠΉ ΠΏΠΎ Π΅Π³ΠΎ Π½ΠΈΠΆΠ½Π΅ΠΌΡ ΠΊΡΠ°Ρ. Π ΠΏΠΎΠΊΠ° ΠΌΡ ΡΠ°Π±ΠΎΡΠ°Π΅ΠΌ Ρ ΡΡΠΈΠΌ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ, Π΄ΠΎΠ±Π°Π²ΠΈΠΌ Π»Π΅Π³ΠΊΠΈΠΉ Π³ΡΠ°Π΄ΠΈΠ΅Π½Ρ, ΡΡΠΎΠ±Ρ ΡΡΠΎ Π²ΡΠ³Π»ΡΠ΄Π΅Π»ΠΎ ΡΠ°ΠΊ:
.
ΠΡ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΠΌ ΡΡΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΊ ΡΠΎΠ½Ρ Π½Π°ΡΠ΅Π³ΠΎ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ° #header (Π²ΠΌΠ΅ΡΡΠΎ Π·Π°Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΡΠ°Π½Π΅Π΅ ΠΆΠ΅Π»ΡΠΎΠ³ΠΎ ΡΠ²Π΅ΡΠ°), ΡΠ΄Π²ΠΈΠ½Π΅ΠΌ Π΅Π³ΠΎ Π²Π½ΠΈΠ· ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ° ΠΈ Π½Π°Π·Π½Π°ΡΠΈΠΌ ΡΠΎΠ½ΠΎΠ²ΡΠΉ ΡΠ²Π΅Ρ, ΡΠΎΠ²ΠΏΠ°Π΄Π°ΡΡΠΈΠΉ Ρ Π²Π΅ΡΡ Π½ΠΈΠΌ ΡΠ²Π΅ΡΠΎΠΌ ΡΠΎΠ·Π΄Π°Π½Π½ΠΎΠ³ΠΎ Π³ΡΠ°Π΄ΠΈΠ΅Π½ΡΠ°. ΠΡ ΡΠ°ΠΊΠΆΠ΅ ΡΠ±Π΅ΡΠ΅ΠΌ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Π½ΡΠΉ ΠΈΠ·Π½Π°ΡΠ°Π»ΡΠ½ΠΎ ΠΎΡΡΡΡΠΏ Π΄Π»Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° body ΠΈ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ ΠΎΡΡΡΡΠΏ Π² 10 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ ΠΊ Π²Π΅ΡΡ Π½Π΅ΠΉ, Π»Π΅Π²ΠΎΠΉ ΠΈ ΠΏΡΠ°Π²ΠΎΠΉ ΡΠ°ΡΡΡΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ul:
#header {.
float: left;
width:100%;
background:#DAE0D2 url («bg.gif »).
repeat-x bottom;
font-size:93%;
line-height:normal;
}.
#header ul {.
margin:0;
padding:10px 10px 0;
list-style:none;
}.
ΠΠ»Ρ Π·Π°Π²Π΅ΡΡΠ΅Π½ΠΈΡ ΡΠ°Π±ΠΎΡΡ Π½Π°Π΄ Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΎΠΉ ΠΎΡΡΠ°Π»ΠΎΡΡ «ΠΏΡΠΎΡΠΎΡΠΈΡΡ» ΡΠ΅ΠΊΡΡΡΡ Π·Π°ΠΊΠ»Π°Π΄ΠΊΡ ΡΠ΅ΡΠ΅Π· Π³ΡΠ°Π½ΠΈΡΡ, ΠΎ ΡΠ΅ΠΌ ΠΌΡ ΡΠΆΠ΅ Π³ΠΎΠ²ΠΎΡΠΈΠ»ΠΈ Π²ΡΡΠ΅. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΠΎΠ΄ΡΠΌΠ°ΡΡ, ΡΡΠΎ ΠΌΡ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΠΌ ΠΊ Π½Π°ΡΠΈΠΌ Π·Π°ΠΊΠ»Π°Π΄ΠΊΠ°ΠΌ Π½ΠΈΠΆΠ½ΡΡ Π³ΡΠ°Π½ΠΈΡΡ, ΡΠΎΠ²ΠΏΠ°Π΄Π°ΡΡΡΡ ΠΏΠΎ ΡΠ²Π΅ΡΡ Ρ Π½ΠΈΠΆΠ½Π΅ΠΉ ΠΎΠ±Π²ΠΎΠ΄ΠΊΠΎΠΉ ΡΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° #header, Π° Π·Π°ΡΠ΅ΠΌ ΠΈΠ·ΠΌΠ΅Π½ΠΈΠΌ ΡΠ²Π΅Ρ Π³ΡΠ°Π½ΠΈΡΡ Π΄Π»Ρ ΡΠ΅ΠΊΡΡΠ΅ΠΉ Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ Π½Π° Π±Π΅Π»ΡΠΉ. ΠΠ΄Π½Π°ΠΊΠΎ ΡΡΠΎ ΠΏΡΠΈΠ²Π΅Π»ΠΎ Π±Ρ ΠΊ ΠΏΠΎΡΠ²Π»Π΅Π½ΠΈΡ ΠΊΡΠΎΡΠ΅ΡΠ½ΠΎΠΉ «ΡΡΡΠΏΠ΅Π½ΡΠΊΠΈ», Π²ΠΈΠ΄ΠΈΠΌΠΎΠΉ Π΄Π»Ρ Π²Π½ΠΈΠΌΠ°ΡΠ΅Π»ΡΠ½ΠΎΠ³ΠΎ Π³Π»Π°Π·Π°. Π Π²ΠΎΡ Π΅ΡΠ»ΠΈ ΠΌΡ ΠΈΠ·ΠΌΠ΅Π½ΠΈΠΌ ΠΎΡΡΡΡΠΏ Π΄Π»Ρ ΡΡΡΠ»ΠΎΠΊ, ΠΌΡ ΡΠΌΠΎΠΆΠ΅ΠΌ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ΅ΡΠΊΠΈΠ΅ ΠΈ ΠΏΡΡΠΌΡΠ΅ ΡΠ³Π»Ρ Π²Π½ΡΡΡΠΈ ΡΠ΅ΠΊΡΡΠ΅ΠΉ Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½Π° ΡΠ²Π΅Π»ΠΈΡΠ΅Π½Π½ΠΎΠΌ ΡΠΈΡΡΠ½ΠΊΠ΅:
.
ΠΡ Π΄ΠΎΠ±ΡΠ΅ΠΌΡΡ ΡΡΠΎΠ³ΠΎ, ΡΠΌΠ΅Π½ΡΡΠΈΠ² Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΎΡΡΡΡΠΏ Π΄Π»Ρ ΠΎΠ±ΡΡΠ½ΠΎΠΉ ΡΡΡΠ»ΠΊΠΈ Π½Π° 1 ΠΏΠΈΠΊΡΠ΅Π»Ρ (5px — 1px = 4px), Π° Π·Π°ΡΠ΅ΠΌ Π΄ΠΎΠ±Π°Π²ΠΈΠ² ΡΡΠΎΡ ΠΏΠΈΠΊΡΠ΅Π»Ρ ΠΊ ΡΠ΅ΠΊΡΡΠ΅ΠΉ ΡΡΡΠ»ΠΊΠ΅:
#header a {.
display: block;
background: url («norm_left.gif »).
no-repeat left top;
padding:5px 15px 4px;
}.
#header #current a {.
background-image:url («norm_left_on.gif »);
padding-bottom:5px;
}.
ΠΡΠΎ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Π΄Π΅Π»Π°Π΅Ρ Π½ΠΈΠΆΠ½ΡΡ Π³ΡΠ°Π½ΠΈΡΡ Π²ΠΈΠ΄ΠΈΠΌΠΎΠΉ ΡΠΊΠ²ΠΎΠ·Ρ ΠΎΠ±ΡΡΠ½ΡΠ΅ Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ, Π½ΠΎ ΠΏΡΡΡΠ΅Ρ Π΅Π΅ Π΄Π»Ρ ΡΠ΅ΠΊΡΡΠ΅ΠΉ Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ. ΠΡ ΠΏΠΎΠ»ΡΡΠ°Π΅ΠΌ ΠΏΡΠΈΠΌΠ΅Ρ 3.
ΠΠ°ΠΊΠ»ΡΡΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΡΠ°Π³ΠΈ ΠΠ½ΠΈΠΌΠ°ΡΠ΅Π»ΡΠ½ΡΠΉ Π²Π·Π³Π»ΡΠ΄ ΠΌΠΎΠ³ Π·Π°ΠΌΠ΅ΡΠΈΡΡ Π² ΠΏΡΠ΅Π΄ΡΠ΄ΡΡΠ΅ΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ Π±Π΅Π»ΡΠ΅ ΡΡΠ°ΡΡΠΊΠΈ ΠΏΠΎ ΡΠ³Π»Π°ΠΌ Π·Π°ΠΊΠ»Π°Π΄ΠΎΠΊ. ΠΡΠΈ Π½Π΅ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΡΠ΅ ΡΠ³ΠΎΠ»ΠΊΠΈ ΠΌΠ΅ΡΠ°ΡΡ Π·Π°Π΄Π½Π΅ΠΉ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ΅ Π±ΡΡΡ Π²ΠΈΠ΄ΠΈΠΌΠΎΠΉ ΡΠ΅ΡΠ΅Π· Π»Π΅Π²ΡΠΉ ΡΠ³ΠΎΠ» ΠΏΠ΅ΡΠ΅Π΄Π½Π΅Π³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ. Π’Π΅ΠΎΡΠ΅ΡΠΈΡΠ΅ΡΠΊΠΈ ΠΌΡ ΠΌΠΎΠ³Π»ΠΈ Π±Ρ ΡΠ΄Π΅Π»Π°ΡΡ ΡΡΠΈ ΡΠ³ΠΎΠ»ΠΊΠΈ ΡΠ°ΠΊΠΎΠ³ΠΎ ΠΆΠ΅ ΡΠ²Π΅ΡΠ° ΠΊΠ°ΠΊ ΠΈ ΡΠΎΠ½ ΠΏΠΎΠ·Π°Π΄ΠΈ Π½ΠΈΡ . ΠΠΎ Π½Π°ΡΠΈ Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ ΠΌΠΎΠ³ΡΡ ΡΠ²Π΅Π»ΠΈΡΠΈΡΡΡΡ ΠΏΠΎ Π²ΡΡΠΎΡΠ΅, ΠΈ ΡΠΎΠ³Π΄Π° Π·Π°Π΄Π½ΠΈΠΉ Π³ΡΠ°Π΄ΠΈΠ΅Π½ΡΠ½ΡΠΉ ΡΠΎΠ½ ΡΠ΄Π²ΠΈΠ½Π΅ΡΡΡ Π²Π½ΠΈΠ·, ΡΡΠΎ ΠΏΡΠΈΠ²Π΅Π΄Π΅Ρ ΠΊ ΡΠ°ΡΡΠΎΠ³Π»Π°ΡΠΎΠ²Π°Π½ΠΈΡ ΡΠ²Π΅ΡΠ° ΡΠ³ΠΎΠ»ΠΊΠΎΠ² ΠΈ ΡΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ Π³ΡΠ°Π΄ΠΈΠ΅Π½ΡΠ°. ΠΠΌΠ΅ΡΡΠΎ ΡΡΠΎΠ³ΠΎ ΠΌΡ ΠΈΠ·ΠΌΠ΅Π½ΠΈΠΌ Π½Π°ΡΠΈ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ, ΡΠ΄Π΅Π»Π°Π² ΠΈΡ ΡΠ³ΠΎΠ»ΠΊΠΈ ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΡΠΌΠΈ. ΠΡΠ»ΠΈ ΠΊ ΠΎΠ±Π²ΠΎΠ΄ΠΊΠ΅ Π·Π°ΠΊΠ»Π°Π΄ΠΎΠΊ ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½ΠΎ ΡΠ³Π»Π°ΠΆΠΈΠ²Π°Π½ΠΈΠ΅ (anti-aliasing), ΠΌΡ Π·Π°Π΄Π°Π΄ΠΈΠΌ Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΠΎΠ³ΠΎ ΡΠ²Π΅ΡΠ° (matte) ΡΡΠ΅Π΄Π½Π΅Π΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π·Π°Π΄Π½Π΅Π³ΠΎ ΡΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ Π³ΡΠ°Π΄ΠΈΠ΅Π½ΡΠ°.
Π’Π΅ΠΏΠ΅ΡΡ, ΠΊΠΎΠ³Π΄Π° ΡΠ³ΠΎΠ»ΠΊΠΈ ΠΏΡΠΎΠ·ΡΠ°ΡΠ½Ρ, ΠΊΡΡΠΎΡΠ΅ΠΊ ΠΏΡΠ°Π²ΠΎΠ³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΏΡΠΎΡΠΌΠ°ΡΡΠΈΠ²Π°Π΅ΡΡΡ ΡΠ΅ΡΠ΅Π· ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΡΠΉ ΡΠ³ΠΎΠ» Π»Π΅Π²ΠΎΠ³ΠΎ. Π§ΡΠΎΠ±Ρ ΠΈΠ·Π±Π΅ΠΆΠ°ΡΡ ΡΡΠΎΠ³ΠΎ, Π΄ΠΎΠ±Π°Π²ΠΈΠΌ Π½Π΅Π±ΠΎΠ»ΡΡΠΎΠΉ Π»Π΅Π²ΡΠΉ ΠΎΡΡΡΡΠΏ ΠΊ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΏΠΈΡΠΊΠ°, ΡΠ°Π²Π½ΡΠΉ ΡΠΈΡΠΈΠ½Π΅ Π»Π΅Π²ΠΎΠ³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ (9px). Π§ΡΠΎΠ±Ρ ΡΠΎΡ ΡΠ°Π½ΠΈΡΡ ΡΠ΅Π½ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ° ΠΏΠΎΡΠ»Π΅ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ ΠΎΡΡΡΡΠΏΠ° ΠΊ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΏΠΈΡΠΊΠ°, Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΡΠ±ΡΠ°ΡΡ ΡΠ°ΠΊΡΡ ΠΆΠ΅ Π²Π΅Π»ΠΈΡΠΈΠ½Ρ Π»Π΅Π²ΠΎΠ³ΠΎ ΠΎΡΡΡΡΠΏΠ° Ρ ΡΡΡΠ»ΠΊΠΈ (15px — 9px = 6px):
#header li {.
float: left;
background: url («right.gif »).
no-repeat right top;
margin:0;
padding:0 0 0 9px;
}.
#header a {.
display: block;
background: url («left.gif »).
no-repeat left top;
padding:5px 15px 4px 6px;
}.
ΠΠΎ ΠΈ ΡΡΠΎΡ Π²Π°ΡΠΈΠ°Π½Ρ Π½Π°Ρ Π½Π΅ ΡΡΡΡΠΎΠΈΡ, ΡΠ°ΠΊ ΠΊΠ°ΠΊ Π»Π΅Π²Π°Ρ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ° ΡΠ΅ΠΏΠ΅ΡΡ ΠΎΡΠΎΠ΄Π²ΠΈΠ½ΡΡΠ° ΠΎΡ Π»Π΅Π²ΠΎΠ³ΠΎ ΠΊΡΠ°Ρ Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ Π½Π° 9 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Π½ΠΎΠ³ΠΎ ΠΎΡΡΡΡΠΏΠ°. Π’Π΅ΠΏΠ΅ΡΡ, ΠΊΠΎΠ³Π΄Π° Π²Π½ΡΡΡΠ΅Π½Π½ΠΈΠ΅ ΠΊΡΠ°Ρ Π»Π΅Π²ΠΎΠ³ΠΎ ΠΈ ΠΏΡΠ°Π²ΠΎΠ³ΠΎ «Π΄Π²Π΅ΡΠ½ΡΡ ΠΏΡΠΎΠ΅ΠΌΠΎΠ²» ΡΡΡΠΊΡΡΡΡΡ Π΄ΡΡΠ³ Ρ Π΄ΡΡΠ³ΠΎΠΌ, Π½Π°ΠΌ Π±ΠΎΠ»ΡΡΠ΅ Π½Π΅Ρ Π½Π°Π΄ΠΎΠ±Π½ΠΎΡΡΠΈ Π΄Π΅ΡΠΆΠ°ΡΡ Π»Π΅Π²ΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ Π²ΠΏΠ΅ΡΠ΅Π΄ΠΈ. Π ΠΌΡ ΠΌΠΎΠΆΠ΅ΠΌ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΠΎΡΠ΅ΡΠ΅Π΄Π½ΠΎΡΡΡ ΡΠΎΠ½ΠΎΠ²ΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΎΠΊ, ΠΏΡΠΈΠΌΠ΅Π½ΠΈΠ² ΠΈΡ ΠΊ ΠΏΡΠΎΡΠΈΠ²ΠΎΠΏΠΎΠ»ΠΎΠΆΠ½ΡΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌ. ΠΡ ΡΠ°ΠΊΠΆΠ΅ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΏΠΎΠΌΠ΅Π½ΡΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ ΠΈ Π΄Π»Ρ ΡΠ΅ΠΊΡΡΠ΅ΠΉ Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ:
#header li {.
float: left;
background: url («left.gif »).
no-repeat left top;
margin:0;
padding:0 0 0 9px;
}.
#header a, #header strong, #header span {.
display: block;
background: url («right.gif »).
no-repeat right top;
padding:5px 15px 4px 6px;
}.
#header #current {.
background-image:url («left_on.gif »);
}.
#header #current a {.
background-image:url («right_on.gif »);
padding-bottom:5px;
}.
Π‘Π΄Π΅Π»Π°Π² ΡΡΠΎ, ΠΌΡ ΠΏΠΎΠ»ΡΡΠ°Π΅ΠΌ ΠΏΡΠΈΠΌΠ΅Ρ 4. ΠΠ°ΠΌΠ΅ΡΡΡΠ΅, ΡΡΠΎ ΠΏΡΠ΅Π΄ΠΏΡΠΈΠ½ΡΡΡΠ΅ Π½Π°ΠΌΠΈ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΡΡ ΡΠ³Π»ΠΎΠ² ΡΠ°Π³ΠΈ, ΠΏΡΠΈΠ²Π΅Π»ΠΈ ΠΊ ΠΏΠΎΡΠ²Π»Π΅Π½ΠΈΡ Π½Π΅Π±ΠΎΠ»ΡΡΠΎΠΉ «ΠΌΠ΅ΡΡΠ²ΠΎΠΉ» Π·ΠΎΠ½Ρ Π² Π»Π΅Π²ΠΎΠΉ ΡΠ°ΡΡΠΈ Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ, Π³Π΄Π΅ ΠΎΠ½Π° Π½Π΅ ΡΠ΅Π°Π³ΠΈΡΡΠ΅Ρ Π½Π° Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠ΅ ΠΌΡΡΠΈ. ΠΠ΅ΡΡΠ²Π°Ρ Π·ΠΎΠ½Π° Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ Π²Π½Π΅ ΡΠ΅ΠΊΡΡΠ°, Π½ΠΎ ΠΎΠ½Π° Π²ΡΠ΅ ΠΆΠ΅ Π·Π°ΠΌΠ΅ΡΠ½Π°. ΠΡΠΎΠ·ΡΠ°ΡΠ½ΡΠ΅ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ Π΄Π»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΡΠΎΡΠΎΠ½Ρ Π½Π°ΡΠ΅ΠΉ Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π½Π΅ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ. ΠΡΠ»ΠΈ ΠΌΡ ΠΏΡΠ΅Π΄ΠΏΠΎΡΡΠ΅ΠΌ Π½Π΅ ΠΈΠΌΠ΅ΡΡ Π½Π° Π½Π°ΡΠ΅ΠΉ Π·Π°ΠΊΠ»Π°Π΄ΠΊΠ΅ «ΠΌΠ΅ΡΡΠ²ΠΎΠ³ΠΎ» ΡΡΠ°ΡΡΠΊΠ°, Π½ΡΠΆΠ½ΠΎ Π²ΡΠ΅Π³ΠΎ Π»ΠΈΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΏΠΎΠ·Π°Π΄ΠΈ Π·Π°ΠΊΠ»Π°Π΄ΠΎΠΊ ΡΠΏΠ»ΠΎΡΠ½ΡΡ Π·Π°Π»ΠΈΠ²ΠΊΡ, Π° Π½Π΅ Π³ΡΠ°Π΄ΠΈΠ΅Π½Ρ, ΠΈ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠ³ΠΎΠ»ΠΊΠΈ Π·Π°ΠΊΠ»Π°Π΄ΠΎΠΊ ΡΠ°ΠΊΠΎΠ³ΠΎ ΠΆΠ΅ ΡΠ²Π΅ΡΠ°. ΠΠΎΠΊΠ° ΠΆΠ΅ ΠΌΡ ΡΠΎΡ ΡΠ°Π½ΠΈΠΌ ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΠΎΡΡΡ ΡΠ³Π»ΠΎΠ². [Π IE/Win ΡΠΏΠΎΠΌΡΠ½ΡΡΠ°Ρ «ΠΌΠ΅ΡΡΠ²Π°Ρ» Π·ΠΎΠ½Π° ΡΡΡΠ΅ΡΡΠ²ΠΎΠ²Π°Π»Π° ΠΈ Π΄ΠΎ ΠΏΡΠ΅Π΄ΠΏΡΠΈΠ½ΡΡΡΡ ΡΠ°Π³ΠΎΠ², ΠΏΡΠΈΡΠ΅ΠΌ ΡΠΎ Π²ΡΠ΅Ρ ΡΡΠΎΡΠΎΠ½ ΠΎΡ ΡΠ΅ΠΊΡΡΠ° ΡΡΡΠ»ΠΊΠΈ. Π Π΅ΡΠ΅Π½ΠΈΠ΅ ΡΡΠΎΠΉ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ ΠΎΡΠ²Π΅ΡΠ΅Π½ΠΎ Π² ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΉ ΡΡΠ°ΡΡΠ΅ ΡΠ΅ΡΠΈΠΈ Sliding Doors of CSS, Part II.—ΠΏΡΠΈΠΌ. ΠΏΠ΅ΡΠ΅Π²ΠΎΠ΄ΡΠΈΠΊΠ°].
— - ;
ΠΡ ΠΈ, Π½Π°ΠΊΠΎΠ½Π΅Ρ, ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΠ΅ ΡΡΡΠΈΡ ΠΈ. ΠΡΠ΅ Π·Π° ΠΎΠ΄ΠΈΠ½ ΡΠ°Π·: Π΄Π΅Π»Π°Π΅ΠΌ Π²Π΅ΡΡ ΡΠ΅ΠΊΡΡ ΠΏΠΎΠ»ΡΠΆΠΈΡΠ½ΡΠΌ, ΡΠ΅ΠΊΡΡ Π½Π° ΠΎΠ±ΡΡΠ½ΡΡ Π·Π°ΠΊΠ»Π°Π΄ΠΊΠ°Ρ ΠΊΠΎΡΠΈΡΠ½Π΅Π²ΡΠΌ, Π° Π½Π° ΡΠ΅ΠΊΡΡΠ΅ΠΉ—ΡΠ΅ΠΌΠ½ΠΎ-ΡΠ΅ΡΡΠΌ, ΡΡΠΎΡ ΠΆΠ΅ ΡΠ²Π΅Ρ ΠΏΡΠΈΡΠ²Π°ΠΈΠ²Π°Π΅ΠΌ ΡΠ΅ΠΊΡΡΡ Π΄Π»Ρ ΡΠΎΡΡΠΎΡΠ½ΠΈΡ ΡΡΡΠ»ΠΊΠΈ hover, ΡΠ±ΠΈΡΠ°Π΅ΠΌ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ ΡΡΡΠ»ΠΎΠΊ. ΠΡΠ΅ ΡΠ΄Π΅Π»Π°Π½Π½ΡΠ΅ ΠΊ ΡΡΠΎΠΉ ΠΌΠΈΠ½ΡΡΠ΅ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½Ρ Π² ΠΏΡΠΈΠΌΠ΅ΡΠ΅ 5.
ΠΡΠ΅ ΠΎΠ΄ΠΈΠ½ ΠΌΠ΅ΡΠΎΠ΄ Π΄Π»Ρ ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠ΅Π½ΠΈΡ ΡΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΠΎΡΡΠΈ
Π Π°ΡΡΠΌΠΎΡΡΠ΅Π² ΠΏΡΠΈΠΌΠ΅Ρ 2, ΠΌΡ ΠΏΡΠΈΠ·Π½Π°Π»ΠΈ Π½Π°Π»ΠΈΡΠΈΠ΅ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ Ρ IE5/Mac, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠ°ΡΡΡΠ³ΠΈΠ²Π°Π» Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ Π½Π° Π²ΡΡ ΡΠΈΡΠΈΠ½Ρ ΠΎΠΊΠ½Π°, Π²ΡΡΡΡΠ°ΠΈΠ²Π°Ρ ΠΈΡ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΠΎ ΠΎΠ΄Π½Π° ΠΏΠΎΠ΄ Π΄ΡΡΠ³ΠΎΠΉ. ΠΠ΅ ΡΠΎΠ²ΡΠ΅ΠΌ ΡΠΎΡ ΡΡΡΠ΅ΠΊΡ, ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ ΠΌΡ Π΄ΠΎΠ±ΠΈΠ²Π°Π΅ΠΌΡΡ.
Π Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²Π΅ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠ² ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΠΊ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠ²ΠΎΠΉΡΡΠ²Π° float Π²Π»Π΅ΡΠ΅Ρ Π΅Π³ΠΎ ΡΠΆΠ°ΡΠΈΠ΅ Π΄ΠΎ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡΠ½ΠΎ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΠ³ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ°, ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅ΠΌΠΎΠ³ΠΎ Π΅Π³ΠΎ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠΎΠΌ. ΠΡΠ»ΠΈ ΠΏΠ»Π°Π²Π°ΡΡΠΈΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ (ΠΈΠ»ΠΈ ΡΠ°ΠΌ ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΎΠΉ), ΡΠΎ ΠΎΠ½ ΡΠΎΠΆΠΌΠ΅ΡΡΡ Π΄ΠΎ ΡΠΈΡΠΈΠ½Ρ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ. ΠΡΠ»ΠΈ ΠΎΠ½ ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ ΡΠΎΠ»ΡΠΊΠΎ ΡΠ΅ΠΊΡΡ, ΡΠΎ ΡΠΎΠΆΠΌΠ΅ΡΡΡ Π΄ΠΎ ΡΠΈΡΠΈΠ½Ρ ΡΠ°ΠΌΠΎΠΉ Π΄Π»ΠΈΠ½Π½ΠΎΠΉ ΡΡΡΠΎΠΊΠΈ ΡΠ΅ΠΊΡΡΠ°, Π½Π΅ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΠ΅ΠΉ ΠΏΠ΅ΡΠ΅Π½ΠΎΡΠΎΠ².
ΠΡΠΎΠ±Π»Π΅ΠΌΡ Π²ΠΎΠ·Π½ΠΈΠΊΠ°ΡΡ Π² IE5/Mac, ΠΊΠΎΠ³Π΄Π° Π±Π»ΠΎΡΠ½ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Ρ ΡΠΈΡΠΈΠ½ΠΎΠΉ auto ΠΏΠΎΠΌΠ΅ΡΠ°Π΅ΡΡΡ Π²Π½ΡΡΡΡ ΠΏΠ»Π°Π²Π°ΡΡΠ΅Π³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°. Π ΡΡΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ Π²ΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ ΡΠΆΠΈΠΌΠ°ΡΡ ΠΏΠ»Π°Π²Π°ΡΡΠΈΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π΄ΠΎ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡΠ½ΠΎ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΠΉ ΡΠΈΡΠΈΠ½Ρ, Π½Π΅ ΠΎΠ±ΡΠ°ΡΠ°Ρ Π²Π½ΠΈΠΌΠ°Π½ΠΈΡ Π½Π° Π²Π½ΡΡΡΠ΅Π½Π½ΠΈΠΉ Π±Π»ΠΎΡΠ½ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ. Π Π²ΠΎΡ IE5/Mac Π² ΠΎΠΏΠΈΡΠ°Π½Π½ΠΎΠΉ ΡΠΈΡΡΠ°ΡΠΈΠΈ ΡΡΠΎΠ³ΠΎ Π½Π΅ Π΄Π΅Π»Π°Π΅Ρ. ΠΠΌΠ΅ΡΡΠΎ ΡΡΠΎΠ³ΠΎ ΠΎΠ½ ΡΠ°ΡΡΡΠ³ΠΈΠ²Π°Π΅Ρ ΠΏΠ»Π°Π²Π°ΡΡΠΈΠΉ ΠΈ Π²Π½ΡΡΡΠ΅Π½Π½ΠΈΠΉ Π±Π»ΠΎΡΠ½ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π½Π° Π²ΡΡ Π΄ΠΎΡΡΡΠΏΠ½ΡΡ ΡΠΈΡΠΈΠ½Ρ. Π§ΡΠΎΠ±Ρ ΠΎΠ±ΠΎΠΉΡΠΈ ΡΠ°ΠΊΠΎΠ΅ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅, Π½Π°ΠΌ Π½ΡΠΆΠ½ΠΎ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΡΡ float ΡΠ°ΠΊΠΆΠ΅ ΠΈ ΠΊ ΡΡΡΠ»ΠΊΠ΅, Π½ΠΎ ΡΠΎΠ»ΡΠΊΠΎ Π΄Π»Ρ IE5/Mac, Π½Π΅ Π·Π°ΡΡΠ°Π³ΠΈΠ²Π°Ρ Π΄ΡΡΠ³ΠΈΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ. Π‘Π½Π°ΡΠ°Π»Π° Π΄ΠΎΠ±Π°Π²ΠΈΠΌ float ΠΊ ΡΠΆΠ΅ ΡΡΡΠ΅ΡΡΠ²ΡΡΡΠ΅ΠΌΡ ΠΏΡΠ°Π²ΠΈΠ»Ρ. ΠΠ°ΡΠ΅ΠΌ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΠΌ «ΠΠ΅ΡΠΎΠ΄ ΠΎΠ±ΡΠ°ΡΠ½ΠΎΠ³ΠΎ ΡΠ»ΡΡΠ°», ΡΡΠΎΠ±Ρ ΡΠΏΡΡΡΠ°ΡΡ ΠΎΡ IE5/Mac Π½ΠΎΠ²ΠΎΠ΅ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΡΠ΄Π°Π»ΡΠ΅Ρ float Π΄Π»Ρ ΠΎΡΡΠ°Π»ΡΠ½ΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠ²:
#header a {.
float: left;
display: block;
background: url («right.gif »).
no-repeat right top;
padding:5px 15px 4px 6px;
text-decoration:none;
font-weight:bold;
color:#765;
}.
/* Commented Backslash Hack.
hides rule from IE5-Mac */.
#header a {float:none;}.
/* End IE5-Mac hack */.
Π ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΠΈ Ρ ΠΏΡΠΈΠΌΠ΅ΡΠΎΠΌ 6 IE5/Mac ΡΠ΅ΠΏΠ΅ΡΡ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅Ρ Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ ΠΊΠ°ΠΊ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΎ. ΠΠ»Ρ ΠΎΡΡΠ°Π»ΡΠ½ΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠ² Π½ΠΈΡΠ΅Π³ΠΎ Π½Π΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΠ»ΠΎΡΡ. IE5/Mac ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ ΠΎΠ³ΡΠΎΠΌΠ½ΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ CSS-Π±Π°Π³ΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ Π±ΡΠ»ΠΈ ΠΈΡΠΏΡΠ°Π²Π»Π΅Π½Ρ Π² Π²Π΅ΡΡΠΈΠΈ IE5.1. ΠΡ ΡΡΠΈΡ Π±Π°Π³ΠΎΠ² Π² IE5/Mac ΡΡΡΠ°Π΄Π°Π΅Ρ ΠΈ ΠΌΠ΅ΡΠΎΠ΄ «Π Π°Π·Π΄Π²ΠΈΠΆΠ½ΡΡ Π΄Π²Π΅ΡΠ΅ΠΉ». ΠΡ ΡΠΈΡΠ»ΠΎ ΠΏΡΠ΅Π²ΠΎΡΡ ΠΎΠ΄ΠΈΡ Π²ΡΠ΅ ΠΌΡΡΠ»ΠΈΠΌΡΠ΅ ΠΏΡΠ΅Π΄Π΅Π»Ρ, ΠΈ Ρ Π½Π΅ ΡΠΎΠ±ΠΈΡΠ°ΡΡΡ Ρ Π½ΠΈΠΌΠΈ Π±ΠΎΡΠΎΡΡΡΡ. Π ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅ Π΄ΠΎ 5.1 ΡΠΆΠ΅ Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ Π΄Π»ΠΈΡΠ΅Π»ΡΠ½ΠΎΠ΅ Π²ΡΠ΅ΠΌΡ Π΄ΠΎΡΡΡΠΏΠ½ΠΎ Π΄Π»Ρ Π²ΡΠ΅Ρ ΠΆΠ΅Π»Π°ΡΡΠΈΡ , ΠΏΡΠΎΡΠ΅Π½Ρ ΠΠ°ΠΊΠΎΠ² c OS 9 ΠΈ ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½Π½ΡΠΌ IE5/Mac ΠΏΠΎΡΡΠΎΡΠ½Π½ΠΎ ΡΠΎΠΊΡΠ°ΡΠ°Π΅ΡΡΡ ΠΈ ΠΏΡΠΈΠ±Π»ΠΈΠΆΠ°Π΅ΡΡΡ ΠΊ Π½ΡΠ»Ρ.
ΠΠ°ΡΠΈΠ°Π½ΡΡ
ΠΡ ΡΠΎΠ»ΡΠΊΠΎ ΡΡΠΎ Π΄Π΅ΡΠ°Π»ΡΠ½ΠΎ ΡΠ°Π·ΠΎΠ±ΡΠ°Π»ΠΈ ΠΌΠ΅ΡΠΎΠ΄ «Π Π°Π·Π΄Π²ΠΈΠΆΠ½ΡΡ Π΄Π²Π΅ΡΠ΅ΠΉ», ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΠ²Π΅ΡΡΡΠ°Π½Π½ΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π½Π΅Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ° ΠΈ ΡΡΡΠ»ΠΎΠΊ ΠΈ Π΄ΠΎΡΠ°Π±ΠΎΡΠ°Π½Π½ΡΡ ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΠΏΡΠ°Π²ΠΈΠ» CSS Π·Π°ΠΊΠ»Π°Π΄ΠΎΡΠ½ΡΡ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΡ Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ ΠΏΡΠΎΡΡΠΎΠ³ΠΎ ΡΠ΅ΠΊΡΡΠ°. Π’Π°ΠΊΠ°Ρ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΡ Π±ΡΡΡΡΠΎ Π·Π°Π³ΡΡΠΆΠ°Π΅ΡΡΡ, ΠΏΡΠΎΡΡΠ° Π² ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ΅, Π° ΡΠ΅ΠΊΡΡ Π²Π½ΡΡΡΠΈ Π½Π΅Π΅ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ Π·Π½Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΠΌΠ°ΡΡΡΠ°Π±ΠΈΡΠΎΠ²Π°Π½ Π² Π»ΡΠ±ΡΡ ΡΡΠΎΡΠΎΠ½Ρ Π±Π΅Π· Π½Π°ΡΡΡΠ΅Π½ΠΈΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π°. Π‘ΡΠΎΠΈΡ Π»ΠΈ Π³ΠΎΠ²ΠΎΡΠΈΡΡ, Π½Π°ΡΠΊΠΎΠ»ΡΠΊΠΎ Π³ΠΈΠ±ΠΊΠΈΠΌ ΡΠ²Π»ΡΠ΅ΡΡΡ ΡΡΠΎΡ ΠΌΠ΅ΡΠΎΠ΄ ΠΏΡΠΈ ΡΠΎΠ·Π΄Π°Π½ΠΈΠΈ Π»ΡΠ±ΠΎΠΉ ΡΡΠΎΠ½ΡΠ΅Π½Π½ΠΎ Π²ΡΠ³Π»ΡΠ΄ΡΡΠ΅ΠΉ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ?
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΡΠΎΠΉ ΡΠ΅Ρ Π½ΠΈΠΊΠΈ ΠΎΠ³ΡΠ°Π½ΠΈΡΠΈΠ²Π°Π΅ΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π½Π°ΡΠΈΠΌ Π²ΠΎΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ. ΠΠ°ΠΊΠ»ΡΡΠΈΡΠ΅Π»ΡΠ½ΡΠΉ ΠΏΡΠΈΠΌΠ΅Ρ ΠΈΠ»Π»ΡΡΡΡΠΈΡΡΠ΅Ρ Π²ΡΠ΅Π³ΠΎ Π»ΠΈΡΡ ΠΎΠ΄ΠΈΠ½ Π²Π°ΡΠΈΠ°Π½Ρ. ΠΠΎ ΡΡΠΎΡ ΠΏΡΠΈΠΌΠ΅Ρ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΎΠ³ΡΠ°Π½ΠΈΡΠΈΠ²Π°ΡΡ Π½Π°ΡΠΈ ΠΈΠ΄Π΅ΠΈ.
ΠΠ°ΠΊΠ»Π°Π΄ΠΊΠΈ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π½Π΅ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ Π΄ΠΎΠ»ΠΆΠ½Ρ Π±ΡΡΡ ΡΠΈΠΌΠΌΠ΅ΡΡΠΈΡΠ½ΡΠΌΠΈ. Π― Π±ΡΡΡΡΠΎ ΡΠΎΠ·Π΄Π°Π» Π²ΡΠΎΡΠΎΠΉ Π²Π°ΡΠΈΠ°Π½Ρ Π·Π°ΠΊΠ»Π°Π΄ΠΎΠΊ, Π² ΠΊΠΎΡΠΎΡΠΎΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π» ΠΏΡΠΎΡΡΡΠ΅ ΡΠ²Π΅ΡΠ°, ΡΠ³Π»ΠΎΠ²Π°ΡΡΠ΅ ΡΠΎΡΠΌΡ ΠΈ Π±ΠΎΠ»Π΅Π΅ ΡΠΈΡΠΎΠΊΡΡ ΠΈ ΡΠ»ΠΎΠΆΠ½ΡΡ ΠΏΠΎ ΡΠΎΡΠΌΠ΅ Π»Π΅Π²ΡΡ ΡΡΠΎΡΠΎΠ½Ρ. ΠΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π΅Ρ Π²Π°ΡΠΈΠ°Π½Ρ 2, ΠΌΡ ΠΌΠΎΠΆΠ΅ΠΌ ΡΠ²ΠΎΠ±ΠΎΠ΄Π½ΠΎ ΠΌΠ΅Π½ΡΡΡ ΠΏΠΎΡΡΠ΄ΠΎΠΊ Π»Π΅Π²ΠΎΠ³ΠΎ ΠΈ ΠΏΡΠ°Π²ΠΎΠ³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Π² Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π°. ΠΡΠΈ ΡΠ΅ΡΠΊΠΎΠΌ ΠΏΠ»Π°Π½ΠΈΡΠΎΠ²Π°Π½ΠΈΠΈ ΠΈ ΠΈΡΠΊΡΡΠ½ΠΎΠΌ ΠΎΠ±ΡΠ°ΡΠ΅Π½ΠΈΠΈ Ρ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ°ΠΌΠΈ, ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡΠΊΠ°Π·Π°ΡΡΡΡ ΠΎΡ Π½ΠΈΠΆΠ½Π΅ΠΉ Π³ΡΠ°Π½ΠΈΡΡ Π² ΠΏΠΎΠ»ΡΠ·Ρ ΡΡΠΈΠ»Π΅Π²ΠΎΠ³ΠΎ ΡΠΎΡΠ΅ΡΠ°Π½ΠΈΡ ΠΊΠ°ΡΡΠΈΠ½ΠΎΠΊ Ρ ΡΠΎΠ½ΠΎΠΌ, ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½Π½ΡΠΌ ΠΏΠΎΠ·Π°Π΄ΠΈ, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π² ΡΠΎΠ·Π΄Π°Π½Π½ΠΎΠΌ ΠΌΠ½ΠΎΠΉ Π²Π°ΡΠΈΠ°Π½ΡΠ΅ 3. ΠΡΠ»ΠΈ Π²Π°Ρ Π±ΡΠ°ΡΠ·Π΅Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρ Π°Π»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²Π½ΡΠΌΠΈ ΡΡΠΈΠ»ΡΠΌΠΈ, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΡΠΎΡΠΌΠΎΡΡΠ΅ΡΡ Π²ΡΠ΅ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½Π½ΡΠ΅ Π²Π°ΡΠΈΠ°Π½ΡΡ, ΠΎΡΠΊΡΡΠ² ΡΡΠΎΡ ΠΌΠ°ΡΡΠ΅Ρ-ΡΠ°ΠΉΠ» ΠΈ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΡΡ Π² Π½Π΅ΠΌ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ°Π±Π»ΠΈΡΠ°ΠΌΠΈ ΡΡΠΈΠ»Π΅ΠΉ. [Π NN7.1 Π΄ΠΎΡΡΡΠΏ ΠΊ Π°Π»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²Π½ΡΠΌ ΡΡΠΈΠ»ΡΠΌ ΠΎΡΡΡΠ΅ΡΡΠ²Π»ΡΠ΅ΡΡΡ ΡΠ΅ΡΠ΅Π· Π³Π»Π°Π²Π½ΠΎΠ΅ ΠΌΠ΅Π½Ρ View>Use Style, Π² Opera 7.20—ΡΠ΅ΡΠ΅Π· Π³Π»Π°Π²Π½ΠΎΠ΅ ΠΌΠ΅Π½Ρ View>Style, Π² IE/Win ΡΠ°ΠΊΠΎΠΉ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ Π½Π΅Ρ—ΠΏΡΠΈΠΌ. ΠΏΠ΅ΡΠ΅Π²ΠΎΠ΄ΡΠΈΠΊΠ°].
Π ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½Π½ΠΎΠΉ ΡΠ΅Ρ Π½ΠΈΠΊΠ΅ ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Ρ Π΄ΡΡΠ³ΠΈΠ΅ ΡΡΡΠ΅ΠΊΡΡ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΡ Π·Π΄Π΅ΡΡ Π½Π΅ ΡΠ°ΡΡΠΌΠ°ΡΡΠΈΠ²Π°Π΅ΠΌ. Π Π½Π°ΡΠ΅ΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΠΌΡ ΠΌΠ΅Π½ΡΠ»ΠΈ ΡΠ²Π΅Ρ ΡΠ΅ΠΊΡΡΠ° Π΄Π»Ρ ΡΠΎΡΡΠΎΡΠ½ΠΈΡ hover, Π½ΠΎ ΠΏΠΎΡΠ΅ΠΌΡ Π±Ρ Π½Π΅ ΠΏΠΎΠΌΠ΅Π½ΡΡΡ ΡΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΡΠ΅Π»ΠΈΠΊΠΎΠΌ Π΄Π»Ρ ΠΏΠΎΠ»ΡΡΠ΅Π½ΠΈΡ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΡΡ ΡΠΎΠ»Π»ΠΎΠ²Π΅Ρ-ΡΡΡΠ΅ΠΊΡΠΎΠ². ΠΡΠΈ Π½Π°Π»ΠΈΡΠΈΠΈ Π² ΠΊΠΎΠ΄Π΅ Π΄Π²ΡΡ Π²Π»ΠΎΠΆΠ΅Π½Π½ΡΡ HTML ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΠΌΡ Π²ΡΠ΅Π³Π΄Π° ΠΌΠΎΠΆΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ CSS Π΄Π»Ρ Π½Π°ΠΊΠ»Π°Π΄ΡΠ²Π°Π½ΠΈΡ ΡΠΎΠ½ΠΎΠ²ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ ΠΏΠΎΠ»ΡΡΠ΅Π½ΠΈΡ ΡΡΡΠ΅ΠΊΡΠΎΠ², ΠΎ ΠΊΠΎΡΠΎΡΡΡ ΠΌΡ ΠΈ Π½Π΅ ΠΌΠ΅ΡΡΠ°Π»ΠΈ. Π Π½Π°ΡΠ΅ΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΠΌΡ ΡΠΎΠ·Π΄Π°Π»ΠΈ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΡΠΉ ΡΡΠ΄ Π·Π°ΠΊΠ»Π°Π΄ΠΎΠΊ, Π½ΠΎ ΠΌΠ΅ΡΠΎΠ΄ Π Π°Π·Π΄Π²ΠΈΠΆΠ½ΡΡ Π΄Π²Π΅ΡΠ΅ΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΈ Π²ΠΎ ΠΌΠ½ΠΎΠ³ΠΈΡ Π΄ΡΡΠ³ΠΈΡ ΡΠ»ΡΡΠ°ΡΡ . ΠΠ°ΠΊΠΎΠ΅ ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΡΡΠΎΠΌΡ ΠΌΠ΅ΡΠΎΠ΄Ρ ΠΏΡΠ΅Π΄Π»ΠΎΠΆΠΈΡΠ΅ Π²Ρ?
Π‘ΠΏΠΈΡΠΎΠΊ Π»ΠΈΡΠ΅ΡΠ°ΡΡΡΡ
ΠΠ»Ρ ΠΏΠΎΠ΄Π³ΠΎΡΠΎΠ²ΠΊΠΈ Π΄Π°Π½Π½ΠΎΠΉ ΡΠ°Π±ΠΎΡΡ Π±ΡΠ»ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½Ρ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»Ρ Ρ ΡΠ°ΠΉΡΠ° internet.