ΠΠ°ΠΌΡΡΠΊΠ° ΠΏΠΎ Π·Π°ΠΌΠ΅ΡΡ ΡΡΠ»ΠΎΠ½Π½ΡΡ ΡΡΠΎΡ
ΠΠ°ΠΌΡΡΠΊΠ° ΠΏΠΎ Π·Π°ΠΌΠ΅ΡΡ ΡΡΠ»ΠΎΠ½Π½ΡΡ ΡΡΠΎΡ
Π¨ΠΈΡΠΈΠ½Π° L ΠΈΠ·ΠΌΠ΅ΡΡΠ΅ΡΡΡ Π² Π²Π΅ΡΡ Π½Π΅ΠΉ ΡΠ°ΡΡΠΈ ΠΎΠΊΠ½Π° ΠΏΠΎ Π²Π½Π΅ΡΠ½ΠΈΠΌ ΠΊΡΠ°ΡΠΌ Π±ΠΎΠΊΠΎΠ²ΠΎΠ³ΠΎ ΡΡΠ°ΠΏΠΈΠΊΠ° (ΡΠΈΡΠΈΠ½Π° ΡΡΠ΅ΠΊΠ»Π° + ΡΡΠ°ΠΏΠΈΠΊ Ρ Π΄Π²ΡΡ ΡΡΠΎΡΠΎΠ½).
ΠΡΠΎΠ²Π΅ΡΠΈΡΡ, Π½Π΅ Π±ΡΠ΄Π΅Ρ Π»ΠΈ ΠΊΠ°ΡΠ½ΠΈΠ· ΡΠΏΠΈΡΠ°ΡΡΡΡ Π² ΠΏΠ΅ΡΠ»ΠΈ ΠΈΠ»ΠΈ ΠΎΡΠΊΠΎΡΡ. ΠΠ½ Π²ΡΡΡΡΠΏΠ°Π΅Ρ Π½Π° 10 ΠΌΠΌ ΠΎΡ ΠΊΡΠ°Ρ ΡΡΠ°ΠΏΠΈΠΊΠ° Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΡΠΎΡΠΎΠ½Ρ.
ΠΡΡΠΎΡΠ° H Π³Π»ΡΡ ΠΎΠΉ ΡΡΠ²ΠΎΡΠΊΠΈ ΠΈΠ·ΠΌΠ΅ΡΡΠ΅ΡΡΡ ΠΏΠΎ Π²Π½Π΅ΡΠ½ΠΈΠΌ ΠΊΡΠ°ΡΠΌ Π²Π΅ΡΡ Π½Π΅Π³ΠΎ ΠΈ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΡΡΠ°ΠΏΠΈΠΊΠ° (Π²ΡΡΠΎΡΠ° ΡΡΠ΅ΠΊΠ»Π° + ΡΡΠ°ΠΏΠΈΠΊ ΡΠ²Π΅ΡΡ Ρ ΠΈ ΡΠ½ΠΈΠ·Ρ) ΠΏΠ»ΡΡ 3 ΠΌΠΌ.
ΠΡΡΠΎΡΠ° ΠΎΡΠΊΡΡΠ²Π°ΡΡΠ΅ΠΉΡΡ ΡΡΠ²ΠΎΡΠΊΠΈ ΠΈΠ·ΠΌΠ΅ΡΡΠ΅ΡΡΡ ΠΎΡ Π²Π΅ΡΡ Π½Π΅Π³ΠΎ ΠΊΡΠ°Ρ ΡΡΠ²ΠΎΡΠΊΠΈ Π΄ΠΎ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΡΠ°Ρ ΡΡΠ²ΠΎΡΠΊΠΈ, ΠΌΠΈΠ½ΡΡ 5-7 ΠΌΠΌ.
ΠΠΈΠΆΠ½ΠΈΠΉ ΠΊΡΠ°ΠΉ Π½Π°ΠΏΡΠ°Π²Π»ΡΡΡΠΈΡ Π½Π° Π³Π»ΡΡ ΠΎΠΉ ΠΈ ΠΎΡΠΊΡΡΠ²Π°ΡΡΠ΅ΠΉΡΡ ΡΡΠ²ΠΎΡΠΊΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ Π±ΡΡΡ Π½Π° ΠΎΠ΄Π½ΠΎΠΌ ΡΡΠΎΠ²Π½Π΅, Π² ΡΡΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ ΠΎΠΏΡΡΠ΅Π½Π½ΡΠ΅ ΡΡΠΎΡΡ ΡΠ°ΠΊ ΠΆΠ΅ Π±ΡΠ΄ΡΡ Π½Π° ΠΎΠ΄Π½ΠΎΠΌ ΡΡΠΎΠ²Π½Π΅.
ΠΠ»ΠΈΠ½Π° β ΡΡΠΎ Π²Π΅Π»ΠΈΡΠΈΠ½Π°, ΠΊΠΎΡΠΎΡΠ°Ρ Ρ Π°ΡΠ°ΠΊΡΠ΅ΡΠΈΠ·ΡΠ΅Ρ ΠΏΡΠΎΡΡΠΆΠ΅Π½Π½ΠΎΡΡΡ Π»ΠΈΠ½ΠΈΠΈ.
Π Π²ΡΡΠΎΡΠ° β ΡΡΠΎ ΠΏΠ΅ΡΠΏΠ΅Π½Π΄ΠΈΠΊΡΠ»ΡΡ, ΠΎΠΏΡΡΠ΅Π½Π½ΡΠΉ Π½Π° ΠΏΡΠΎΡΠΈΠ²ΠΎΠ»Π΅ΠΆΠ°ΡΡΡ ΠΏΠ»ΠΎΡΠΊΠΎΡΡΡ.
Π’ΠΎ Π΅ΡΡΡ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ Π²ΡΠ²ΠΎΠ΄, ΡΡΠΎ Π΄Π»ΠΈΠ½Π° ΠΎΡ Π²ΡΡΠΎΡΡ ΠΎΡΠ»ΠΈΡΠ°Π΅ΡΡΡ ΡΠ΅ΠΌ, ΡΡΠΎ ΡΠ²Π»ΡΠ΅ΡΡΡ ΡΠ°ΡΡΡΡ ΡΠΈΠ³ΡΡΡ, ΡΠΎΠ²ΠΏΠ°Π΄Π°Ρ Ρ Π΅Π΅ Π³ΡΠ°Π½ΡΡ, Π° Π²ΡΡΠΎΡΠ° ΠΏΠΎΠ»ΡΡΠ°Π΅ΡΡΡ Π² ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ΅ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΠΎΠ³ΠΎ ΠΏΠΎΡΡΡΠΎΠ΅Π½ΠΈΡ Π½Π° ΡΠ΅ΡΡΠ΅ΠΆΠ΅.
ΠΡΡΠΎΡΡ ΠΏΡΠΎΠ²ΠΎΠ΄ΡΡ Π΄Π»Ρ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ ΠΏΠΎΠ»ΡΡΠΈΡΡ Π½ΠΎΠ²ΡΠ΅ Π΄Π°Π½Π½ΡΠ΅ Π΄Π»Ρ ΡΠ΅ΡΠ΅Π½ΠΈΡ Π·Π°Π΄Π°Ρ, Π° ΡΠ°ΠΊΠΆΠ΅ Π½ΠΎΠ²ΡΡ ΡΠΈΠ³ΡΡ Π² ΡΠΎΡΡΠ°Π²Π΅ ΠΈΡΡ ΠΎΠ΄Π½ΠΎΠΉ.
ΠΡΠΊΡΠΎΠΉΠΊΠ° Π²ΡΠ°ΡΠ½ΠΎΠ³ΠΎ ΡΡΠΊΠ°Π²Π°
ΠΠ°ΠΌΠ΅ΡΡ ΠΏΡΠΎΠΉΠΌΡ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΊΡΠΎΡ ΡΡΠΊΠ°Π²Π°, ΠΊΠΎΡΠΎΡΡΠΉ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡΠΎΡΠ½ΠΎ ΡΠΎΠΏΡΡΠ³Π°ΡΡΡΡ Ρ ΠΏΡΠ΅Π΄Π²Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎ Π²ΡΠΏΠΎΠ»Π½Π΅Π½Π½ΡΠΌ ΠΏΠΎΡΡΡΠΎΠ΅Π½ΠΈΠ΅ΠΌ ΡΡΠΊΠ°Π²Π½ΠΎΠ³ΠΎ Π²ΡΡΠ΅Π·Π°.
sewingschool.ru
ΠΠ΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΡΠ΅ Π·Π°ΠΌΠ΅ΡΡ
ΠΠ° Π³ΠΎΡΠΎΠ²ΠΎΠΌ ΡΠ΅ΡΡΠ΅ΠΆΠ΅ ΠΏΠ»Π΅ΡΠ΅Π²ΠΎΠ³ΠΎ ΠΈΠ·Π΄Π΅Π»ΠΈΡ Π·Π°ΠΌΠ΅ΡΠΈΡΡ Π΄Π»ΠΈΠ½Ρ ΠΏΡΠΎΠΉΠΌΡ (ΡΡΠΎΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡ ΠΎΠΊΠ°ΠΆΠ΅ΡΡΡ ΠΊΠΎΠ½ΡΡΠΎΠ»ΡΠ½ΡΠΌ).
- ΠΠ° ΡΠ΅ΡΡΠ΅ΠΆΠ΅ ΠΈΠ·ΠΌΠ΅ΡΠΈΡΡ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΡΠΉ ΠΏΡΠΎΠΉΠΌΠ΅Π½Π½ΡΠΉ Π΄ΠΈΠ°ΠΌΠ΅ΡΡ. ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ Π²Π΅ΡΡΠΈΠ½Ρ ΡΠΏΠΈΠ½Π½ΠΎΠΉ ΠΏΡΠΎΠΉΠΌΡ ΡΠΎΠ΅Π΄ΠΈΠ½ΠΈΡΡ Ρ Π°Π½Π°Π»ΠΎΠ³ΠΈΡΠ½ΡΠΌ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠΎΠΌ ΠΏΠΎΠ»ΠΎΡΠΊΠΈ. ΠΠ΅ΠΆΠ΄Ρ Π΄Π²ΡΠΌΡ ΠΌΠ΅ΡΠΊΠ°ΠΌΠΈ ΠΏΡΠΎΠ²Π΅ΡΡΠΈ ΠΏΡΡΠΌΡΡ.
- ΠΠ°ΠΉΡΠΈ ΡΠ΅ΡΠ΅Π΄ΠΈΠ½Ρ ΠΏΡΠΎΠ²Π΅Π΄Π΅Π½Π½ΠΎΠ³ΠΎ ΠΎΡΡΠ΅Π·ΠΊΠ°. ΠΠ· ΠΏΠΎΠ»ΡΡΠ΅Π½Π½ΠΎΠΉ ΡΠΎΡΠΊΠΈ ΠΎΠΏΡΡΡΠΈΡΡ ΠΏΠ΅ΡΠΏΠ΅Π½Π΄ΠΈΠΊΡΠ»ΡΡ Π½Π° Π»ΠΈΠ½ΠΈΡ, ΠΎΠ±ΠΎΠ·Π½Π°ΡΠ°ΡΡΡΡ Π³Π»ΡΠ±ΠΈΠ½Ρ ΡΡΠΊΠ°Π²Π½ΠΎΠ³ΠΎ Π²ΡΡΠ΅Π·Π°.
- ΠΡΡΠ΅Π·ΠΎΠΊ ΠΎΡ ΡΠ΅Π½ΡΡΠ° Π²Π΅ΡΡ Π½Π΅ΠΉ Π»ΠΈΠ½ΠΈΠΈ ΠΏΠΎΡΡΡΠΎΠ΅Π½ΠΈΡ Π΄ΠΎ Π½ΠΈΠΆΠ½Π΅ΠΉ Π²Π΅ΡΡΠΈΠ½Ρ ΠΏΠ΅ΡΠΏΠ΅Π½Π΄ΠΈΠΊΡΠ»ΡΡΠ° ΡΡΠ°Π½Π΅Ρ Π΄ΠΈΠ°ΠΌΠ΅ΡΡΠ°Π»ΡΠ½ΡΠΌ ΠΊΠΎΠ½ΡΡΡΠΎΠΌ ΠΏΡΠΎΠΉΠΌΡ. ΠΠΎΠ½ΡΡΡ ΠΎΠΊΠ°ΠΆΠ΅ΡΡΡ Π½Π΅Π·Π°ΠΌΠΊΠ½ΡΡΡΠΌ.
- Π§ΡΠΎΠ±Ρ Π²ΡΡΡΠΈΡΠ°ΡΡ ΡΡΠΊΠ°Π²Π½ΡΡ ΡΠΈΡΠΈΠ½Ρ Π½Π° ΡΡΠΎΠ²Π½Π΅ Π³Π»ΡΠ±ΠΈΠ½Ρ ΠΏΡΠΎΠΉΠΌΡ, Π½ΡΠΆΠ½ΠΎ ΠΈΠΌΠ΅ΡΡ ΠΌΠ΅ΡΠΊΡ ΠΎΠ±Ρ Π²Π°ΡΠ° ΠΏΠ»Π΅ΡΠ°, Π½Π΅ Π·Π°Π±ΡΠ²Π°Ρ ΠΎ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΡ ΡΠ°Π½ΡΠΈΠΌΠ΅ΡΡΠ°Ρ ΡΠΊΠ°Π½ΠΈ Π½Π° ΡΠ²ΠΎΠ±ΠΎΠ΄Ρ ΠΎΠ±Π»Π΅Π³Π°Π½ΠΈΡ.
ΠΠΎΡΡΡΠΎΠ΅Π½ΠΈΠ΅ Π²ΡΠΊΡΠΎΠΉΠΊΠΈ
ΠΠ»ΡΡΠ΅Π²ΡΠ΅ ΡΡΠ°ΠΏΡ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π±Π°Π·ΠΎΠ²ΠΎΠ³ΠΎ ΠΊΡΠΎΡ Π²ΡΠ°ΡΠ½ΠΎΠ³ΠΎ ΡΡΠΊΠ°Π²Π° Ρ Π΄Π²ΡΠΌΡ ΡΠ²Π°ΠΌΠΈ. ΠΠΎΠ΄Π΅Π»ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Π²ΡΠΊΡΠΎΠΉΠΊΠΈ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΏΠΎΠ»ΡΡΠΈΡΡ Π΄ΡΡΠ³ΠΈΠ΅ Π²Π°ΡΠΈΠ°Π½ΡΡ Π΄Π΅ΡΠ°Π»ΠΈ.
konspekta.net
- ΠΡΠΎΠ²Π΅ΡΡΠΈ Π΄Π²Π° ΠΏΠ΅ΡΠΏΠ΅Π½Π΄ΠΈΠΊΡΠ»ΡΡΠ°, ΠΊΠΎΡΠΎΡΡΠ΅ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΏΠ΅ΡΠ΅ΡΠ΅ΡΡΡΡ Π² ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΉ ΡΠΎΡΠΊΠ΅ (ΠΎΠ½Π° ΡΡΠ°Π½Π΅Ρ Π½Π°ΡΠ°Π»ΠΎΠΌ ΠΏΠΎΡΡΡΠΎΠ΅Π½ΠΈΡ).
- ΠΠ· ΡΠΎΠΉ ΠΆΠ΅ ΠΌΠ΅ΡΠΊΠΈ Π²ΡΠ²Π΅ΡΡΠΈ Π΄Π»ΠΈΠ½Ρ ΡΡΠΊΠ°Π²Π°.
- ΠΠ· Π½Π°ΡΠ°Π»ΡΠ½ΠΎΠΉ ΡΠΎΡΠΊΠΈ ΠΊΡΠΎΡ ΠΎΡΠ»ΠΎΠΆΠΈΡΡ ΡΠΈΡΠΈΠ½Ρ ΡΡΠΊΠ°Π²Π° Π² ΠΏΡΠ°Π²ΡΡ ΠΈ Π»Π΅Π²ΡΡ ΡΡΠΎΡΠΎΠ½Ρ.
- ΠΡΡΡΠΈΡΠ°ΡΡ ΡΡΠΎΠ²Π΅Π½Ρ, ΠΏΠΎ ΠΊΠΎΡΠΎΡΠΎΠΌΡ ΠΏΡΠΎΠΉΠ΄Π΅Ρ Π»ΠΈΠ½ΠΈΡ Π»ΠΎΠΊΡΡ. ΠΡΠ»ΠΎΠΆΠΈΡΡ ΠΏΠΎΠ»ΡΡΠ΅Π½Π½ΡΡ Π²Π΅Π»ΠΈΡΠΈΠ½Ρ ΠΈΠ· ΠΊΡΠ°ΠΉΠ½Π΅ΠΉ ΡΠΎΡΠΊΠΈ ΠΎΡΡΠ΅Π·ΠΊΠ°, Π½Π°ΠΌΠ΅ΡΠ°ΡΡΠ΅Π³ΠΎ ΠΎΠΊΠ°Ρ ΡΡΠΊΠ°Π²Π°.
- ΠΡΠΎΡΠΌΠΈΡΡ Π²Π΅ΡΡ Π½ΡΡ ΡΠ°ΡΡΡ ΡΡΠΊΠ°Π²Π½ΠΎΠ³ΠΎ ΠΎΠΊΠ°ΡΠ° ΠΏΠ»Π°Π²Π½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠ΅ΠΉ, Π½Π°ΠΌΠ΅ΡΠ°Ρ ΡΠΎΡΠΊΠΈ ΠΊΠΎΠ½ΡΡΠΎΠ»Ρ, ΠΊΠΎΡΠΎΡΡΠ΅ Π±ΡΠ΄ΡΡ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΎΠ²Π°ΡΡ ΠΌΠ΅ΡΠΊΠ°ΠΌ Π½Π° ΡΠ΅ΡΡΠ΅ΠΆΠ°Ρ ΡΠΏΠΈΠ½ΠΊΠΈ ΠΈ ΠΏΠΎΠ»ΠΎΡΠΊΠΈ.
- ΠΠ»Π°Π²Π½ΠΎ ΠΎΡΠΎΡΠΌΠΈΡΡ Π½ΠΈΠ· ΠΎΠΊΠ°ΡΠ° ΡΡΠΊΠ°Π²Π° Ρ ΠΊΠΎΠ½ΡΡΠΎΠ»ΡΠ½ΡΠΌΠΈ ΡΠΎΡΠΊΠ°ΠΌΠΈ.
- ΠΡΠΎΡΠ΅ΡΡΠΈΡΡ ΠΏΡΡΠΌΡΡ ΠΏΠ΅ΡΠ΅Π΄Π½Π΅Π³ΠΎ ΡΡΠΊΠ°Π²Π½ΠΎΠ³ΠΎ ΠΏΠ΅ΡΠ΅ΠΊΠ°ΡΠ°. ΠΡΠ»ΠΈ Π½Π° ΡΡΠΊΠ°Π²Π΅ Π±ΡΠ΄Π΅Ρ ΠΎΠ΄ΠΈΠ½ ΡΠΎΠ², ΠΏΠ΅ΡΠ΅Π΄Π½ΠΈΠΉ ΠΏΠ΅ΡΠ΅ΠΊΠ°Ρ Π½Π΅ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡΡΡ.
- ΠΡΠ»ΠΎΠΆΠΈΡΡ Π½ΠΈΠΆΠ½ΡΡ ΡΡΠΊΠ°Π²Π½ΡΡ ΡΠΈΡΠΈΠ½Ρ.
- ΠΠ΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΠΎ Π²Π½ΠΈΠ· ΠΏΡΠΎΠ²Π΅ΡΡΠΈ Π½ΠΈΠΆΠ½ΠΈΠΉ ΡΠΊΠΎΡ.
- ΠΠ»Π°Π²Π½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠ΅ΠΉ Π½Π°ΠΌΠ΅ΡΠΈΡΡ Π»ΠΎΠΊΡΠ΅Π²ΠΎΠΉ Π½ΠΈΠΆΠ½ΠΈΠΉ ΡΡΠΊΠ°Π²Π½ΡΠΉ ΠΏΠ΅ΡΠ΅ΠΊΠ°Ρ.
ΠΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ ΠΏΠΎΡΡΡΠΎΠ΅Π½ΠΈΡ ΠΎΠΊΠ°ΡΠ° ΡΡΠΊΠ°Π²Π°
- ΠΠ΅Π»Π΅Π½ΠΈΠ΅ ΡΡΠΊΠ°Π²Π½ΠΎΠ³ΠΎ ΠΎΠΊΠ°ΡΠ° Π½Π° Π²Π΅ΡΡ Π½ΡΡ ΠΈ Π½ΠΈΠΆΠ½ΡΡ ΡΠ°ΡΡΠΈ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ Π΄Π»Ρ ΡΠ°ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠΈ ΠΊΠΎΠ½ΡΡΠΎΠ»ΡΠ½ΡΡ ΡΠΎΡΠ΅ΠΊ, ΠΌΠ΅ΠΆΠ΄Ρ ΠΊΠΎΡΠΎΡΡΠΌΠΈ ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°Π΅ΡΡΡ ΠΏΠΎΡΠ°Π΄ΠΊΠ°.
- ΠΠΎΡΠ»Π΅ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΡΡΠΊΠ°Π² ΠΎΠΊΠ°Π·ΡΠ²Π°Π΅ΡΡΡ Π²ΡΠΈΡΡΠΌ Π² ΠΏΡΠΎΠΉΠΌΡ, ΡΠ»Π΅Π΄ΡΠ΅Ρ ΠΏΡΠΎΠ²Π΅ΡΠΈΡΡ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΠ΅ ΠΏΡΠΎΠΉΠΌΡ ΠΌΠ΅ΡΠΊΠ΅ ΠΎΠΊΡΡΠΆΠ½ΠΎΡΡΠΈ ΡΡΠΊΠΈ.
- ΠΠ»ΠΈΠ½Π° ΡΡΠΊΠ°Π²Π½ΠΎΠ³ΠΎ ΠΎΠΊΠ°ΡΠ° Π±ΠΎΠ»ΡΡΠ΅ ΠΏΡΠΎΠΉΠΌΠ΅Π½Π½ΠΎΠΉ Π΄Π»ΠΈΠ½Ρ Π½Π° Π²Π΅Π»ΠΈΡΠΈΠ½Ρ, ΡΠ°Π²Π½ΡΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ°ΠΌ ΠΏΠΎΡΠ°Π΄ΠΊΠΈ.
- ΠΠΎΡΠ°Π΄ΠΊΡ ΡΡΠΊΠ°Π²Π° ΡΠ°ΡΠΏΡΠ΅Π΄Π΅Π»ΡΡΡ ΠΏΠΎ Π²Π²Π΅ΡΡ Ρ ΠΎΠΊΠ°ΡΠ°. Π Π½ΠΈΠΆΠ½Π΅ΠΉ ΠΎΠΊΠ°ΡΠ½ΠΎΠΉ ΡΠ°ΡΡΠΈ ΠΏΠΎΡΠ°Π΄ΠΊΡ Π΄Π΅Π»Π°ΡΡ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡΠ½ΠΎΠΉ, ΡΠ°ΠΊ ΠΊΠ°ΠΊ Π² ΡΡΠΎΠΉ ΠΎΠ±Π»Π°ΡΡΠΈ ΡΠΎΡΠΌΠΈΡΠΎΠ²Π°ΡΡ ΠΎΠΊΠ°Ρ ΠΈ ΠΏΡΠΈΠ΄Π°Π²Π°ΡΡ Π΅ΠΌΡ ΠΎΠ±ΡΠ΅ΠΌ Π½Π΅ Π½ΡΠΆΠ½ΠΎ.
- ΠΠ΅ΡΠ°Π»Ρ ΡΡΠΊΠ°Π²Π° ΠΎΠ±ΡΠ·Π°Π½Π° Π»Π΅ΠΆΠ°ΡΡ Π² ΠΏΡΠΎΠΉΠΌΠ΅ Π±Π΅Π· Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΠΎΠ³ΠΎ Π½Π°ΡΡΠΆΠ΅Π½ΠΈΡ.
Width ΠΈ height: ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅ΠΌ ΡΠ°Π·ΠΌΠ΅ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°
ΠΠ»Ρ ΡΠΎΠ³ΠΎ ΡΡΠΎΠ±Ρ ΠΎΠ±ΡΠ΅ΠΊΡΡ ΠΌΠΎΠΆΠ½ΠΎ Π±ΡΠ»ΠΎ Π·Π°Π΄Π°ΡΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΡ ΡΠΈΡΠΈΠ½Ρ ΠΈ Π²ΡΡΠΎΡΡ, Π² CSS ΡΡΡΠ΅ΡΡΠ²ΡΡΡ Π΄Π²Π° ΡΠ²ΠΎΠΉΡΡΠ²Π° β width ΠΈ height (ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²Π΅Π½Π½ΠΎ). Π‘ ΠΈΡ ΠΏΠΎΠΌΠΎΡΡΡ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°ΡΡ ΡΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ², Π±ΡΠ΄Ρ-ΡΠΎ ΡΠ°ΠΉΠ΄Π±Π°Ρ, ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅, ΡΠ°Π±Π»ΠΈΡΠ° ΠΈΠ»ΠΈ Π»ΡΠ±ΠΎΠΉ Π±Π»ΠΎΠΊ.
ΠΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ Π²ΡΡΠΈΡΠ»Π΅Π½ΠΈΡ ΡΠΈΡΠΈΠ½Ρ ΠΈ Π²ΡΡΠΎΡΡ
ΠΠ»Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΡ ΡΠΈΡΠΈΠ½Ρ Π»ΠΈΠ±ΠΎ Π²ΡΡΠΎΡΡ ΠΎΠ±ΡΠ΅ΠΊΡΠ° ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π»ΡΠ±ΡΠ΅ Π΅Π΄ΠΈΠ½ΠΈΡΡ ΠΈΠ·ΠΌΠ΅ΡΠ΅Π½ΠΈΡ Π΄Π»ΠΈΠ½Ρ Π² CSS. ΠΠ°ΠΈΠ±ΠΎΠ»Π΅Π΅ ΠΏΡΠΎΡΡΡ Π² ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΠΈ ΠΏΠΈΠΊΡΠ΅Π»Ρ. ΠΡΠ»ΠΈ Π²Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΠ΅ ΠΏΡΠΎΡΠ΅Π½ΡΠ½ΡΡ Π·Π°ΠΏΠΈΡΡ, ΠΈΠΌΠ΅ΠΉΡΠ΅ Π² Π²ΠΈΠ΄Ρ, ΡΡΠΎ Π² ΡΡΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ ΡΠΈΡΠΈΠ½Π° ΠΎΠ±ΡΠ΅ΠΊΡΠ° Π±ΡΠ΄Π΅Ρ Π·Π°Π²ΠΈΡΠ΅ΡΡ ΠΎΡ ΡΠΈΡΠΈΠ½Ρ Π΅Π³ΠΎ ΡΠΎΠ΄ΠΈΡΠ΅Π»Ρ. ΠΡΠ»ΠΈ ΡΠ°ΠΊΠΎΠ²ΠΎΠ³ΠΎ Π½Π΅Ρ, ΡΠΎ ΡΠΈΡΠΈΠ½Π° ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Π²ΡΡΠΈΡΠ»ΡΠ΅ΡΡΡ, ΠΈΡΡ ΠΎΠ΄Ρ ΠΈΠ· ΡΠΈΡΠΈΠ½Ρ ΠΎΠΊΠ½Π° Π±ΡΠ°ΡΠ·Π΅ΡΠ° (ΠΏΡΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΌ ΡΠΈΡΠΈΠ½Ρ ΠΎΠΊΠ½Π° Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ width Π±ΡΠ΄Π΅Ρ ΠΏΠ΅ΡΠ΅ΡΡΠΈΡΠ°Π½ΠΎ).
Π ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ ΡΠΈΡΠΈΠ½Ρ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΈ Π΅Π΄ΠΈΠ½ΠΈΡΡ em , ΠΊΠΎΡΠΎΡΠ°Ρ ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΏΡΠΈΠΌΠ΅ΡΠ½ΠΎ ΡΠ΅ΠΌ ΠΆΠ΅, ΡΠ΅ΠΌ ΠΈ ΡΠ°Π·ΠΌΠ΅Ρ ΡΡΠΈΡΡΠ° ΡΠ΅ΠΊΡΡΠ°, Π½ΠΎ ΡΠΎΠ»ΡΠΊΠΎ Π² ΡΡΠ»ΠΎΠ²Π½ΡΡ Π΅Π΄ΠΈΠ½ΠΈΡΠ°Ρ . Π ΠΏΡΠΈΠΌΠ΅ΡΡ, Π²Ρ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΠ»ΠΈ ΡΠ°Π·ΠΌΠ΅Ρ Π΄Π»Ρ ΡΡΠΈΡΡΠ° 24px . Π’ΠΎΠ³Π΄Π° 1em Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Π±ΡΠ΄Π΅Ρ ΡΠ°Π²Π΅Π½ 24 ΠΏΠΈΠΊΡΠ΅Π»Π°ΠΌ, Π° Π΅ΡΠ»ΠΈ Π²Ρ Π·Π°Π΄Π°Π΄ΠΈΡΠ΅ width: 2em , ΡΠΎ ΡΠΈΡΠΈΠ½Π° ΡΠΎΡΡΠ°Π²ΠΈΡ 2Γ24px = 48 ΠΏΠΈΠΊΡΠ΅Π»ΠΎΠ². ΠΡΠ»ΠΈ ΡΠ°Π·ΠΌΠ΅Ρ ΡΡΠΈΡΡΠ° Π½Π΅ Π·Π°Π΄Π°Π½, ΠΎΠ½ Π±ΡΠ΄Π΅Ρ ΡΠ½Π°ΡΠ»Π΅Π΄ΠΎΠ²Π°Π½.
ΠΡΡΠΎΡΠ° height , Π·Π°Π΄Π°Π½Π½Π°Ρ Π² ΠΏΡΠΎΡΠ΅Π½ΡΠ°Ρ , Π²ΡΡΠΈΡΠ»ΡΠ΅ΡΡΡ Π°Π½Π°Π»ΠΎΠ³ΠΈΡΠ½ΡΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ, ΡΡΠΎ ΠΈ ΡΠΈΡΠΈΠ½Π°, Π½ΠΎ ΡΠ°ΡΡΠ΅Ρ ΠΎΡΠ½ΠΎΠ²ΡΠ²Π°Π΅ΡΡΡ ΡΠΆΠ΅ Π½Π° Π²ΡΡΠΎΡΠ΅ ΡΠΎΠ΄ΠΈΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°, Π° Π½Π΅ Π½Π° Π΅Π³ΠΎ ΡΠΈΡΠΈΠ½Π΅. ΠΡΠ»ΠΈ ΡΠΎΠ΄ΠΈΡΠ΅Π»Ρ ΠΎΡΡΡΡΡΡΠ²ΡΠ΅Ρ, Π²ΡΡΠΎΡΠ° Π±ΡΠ΄Π΅Ρ Π·Π°Π²ΠΈΡΠ΅ΡΡ ΠΎΡ Π²ΡΡΠΎΡΡ ΠΎΠΊΠ½Π° Π±ΡΠ°ΡΠ·Π΅ΡΠ°.
ΠΡΠΎΡΠ΅Π½ΡΠ½Π°Ρ ΡΠΈΡΠΈΠ½Π° ΠΈ Π²ΡΡΠΎΡΠ° Π΄ΠΎΡΠ΅ΡΠ½Π΅Π³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Π²ΡΡΠΈΡΠ»ΡΡΡΡΡ Π½Π° ΠΎΡΠ½ΠΎΠ²Π°Π½ΠΈΠΈ ΡΠ°Π·ΠΌΠ΅ΡΠΎΠ² ΡΠΎΠ΄ΠΈΡΠ΅Π»Ρ
Π§ΡΠΎ Π²Ρ ΠΎΠ΄ΠΈΡ Π² ΡΠΈΡΠΈΠ½Ρ ΠΈ Π²ΡΡΠΎΡΡ
Π‘ΡΠ°Π·Ρ ΡΡΠΎΠΈΡ Π·Π°ΠΏΠΎΠΌΠ½ΠΈΡΡ, ΡΡΠΎ Ρ ΡΠ²ΠΎΠΉΡΡΠ² width ΠΈ height Π΅ΡΡΡ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΡ β ΠΎΠ½ΠΈ Π½Π΅ Π²ΠΊΠ»ΡΡΠ°ΡΡ Π² ΡΠ΅Π±Ρ Π·Π½Π°ΡΠ΅Π½ΠΈΡ margin , padding ΠΈ border . ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡΠΎΡΠΎΠ΅ Π²Ρ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅ Π΄Π»Ρ width/height, Π±ΡΠ΄Π΅Ρ ΠΎΠ·Π½Π°ΡΠ°ΡΡ Π»ΠΈΡΡ ΡΠΈΡΠΈΠ½Ρ/Π²ΡΡΠΎΡΡ ΠΎΠ±Π»Π°ΡΡΠΈ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°.
Π’Π°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ, Π΄Π»Ρ ΡΠΎΠ³ΠΎ ΡΡΠΎΠ±Ρ Π²ΡΡΠΈΡΠ»ΠΈΡΡ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΡΡ ΡΠΈΡΠΈΠ½Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° (ΠΌΠ΅ΡΡΠΎ, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΠΎΠ½ Π² Π΄Π΅ΠΉΡΡΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎΡΡΠΈ Π·Π°ΠΉΠΌΠ΅Ρ Π½Π° ΡΠΊΡΠ°Π½Π΅), ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡΡΡ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Π°ΡΠΈΡΠΌΠ΅ΡΠΈΠΊΠΈ. Π€Π°ΠΊΡΠΈΡΠ΅ΡΠΊΠ°Ρ ΡΠΈΡΠΈΠ½Π° β ΡΡΠΎ ΡΡΠΌΠΌΠ° Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ, ΡΠ°ΠΊΠΈΡ ΠΊΠ°ΠΊ width , padding , border ΠΈ margin . ΠΠ°ΠΏΠΎΠΌΠ½ΠΈΠΌ, ΡΡΠΎ ΡΠ°Π½Π΅Π΅ ΠΌΡ ΡΠ°ΡΡΠΌΠ°ΡΡΠΈΠ²Π°Π»ΠΈ, ΠΊΠ°ΠΊ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ Π±Π»ΠΎΡΠ½Π°Ρ ΠΌΠΎΠ΄Π΅Π»Ρ CSS.
ΠΠ»Ρ Π·Π°ΠΊΡΠ΅ΠΏΠ»Π΅Π½ΠΈΡ Π·Π½Π°Π½ΠΈΠΉ ΠΏΠΎΠΊΠ°ΠΆΠ΅ΠΌ ΠΏΡΠΈΠΌΠ΅Ρ. ΠΠΎΠΏΡΡΡΠΈΠΌ, Ρ Π²Π°Ρ Π΅ΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Ρ ΡΠ°ΠΊΠΈΠΌ ΡΡΠΈΠ»Π΅ΠΌ:
ΠΠ»Ρ ΠΏΠΎΠ΄ΡΡΠ΅ΡΠ° ΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΎΠΉ ΡΠΈΡΠΈΠ½Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Π²ΡΠΏΠΎΠ»Π½ΠΈΠΌ ΡΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅:
width + margin-left + margin-right + padding-left + border-left = 200px + 15px + 15px + 10px + 3px = 243px (ΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠ°Ρ ΡΠΈΡΠΈΠ½Π°)
Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°ΡΠΈΠΈ ΠΏΠΎ Π²ΡΡΠΎΡΠ΅
Π‘Π²ΠΎΠΉΡΡΠ²ΠΎ height ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΡΠ΄ΠΎΠ±Π½ΡΠΌ, Π΅ΡΠ»ΠΈ Π½Π°Π΄ΠΎ ΡΠΎΡΠ½ΠΎ ΠΊΠΎΠ½ΡΡΠΎΠ»ΠΈΡΠΎΠ²Π°ΡΡ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π²ΡΡΠΎΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ. ΠΠ΄Π½Π°ΠΊΠΎ, Π΅ΡΠ»ΠΈ Π² ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ΅ Π±ΡΠ΄Π΅Ρ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡΡΡ ΡΠ΅ΠΊΡΡ ΠΈΠ»ΠΈ Π»ΡΠ±ΠΎΠΉ Π΄ΡΡΠ³ΠΎΠΉ ΠΊΠΎΠ½ΡΠ΅Π½Ρ, Ρ ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ ΠΌΠΎΠΆΠ΅Ρ Π²Π°ΡΡΠΈΡΠΎΠ²Π°ΡΡΡΡ Π²ΡΡΠΎΡΠ°, ΠΊΡΠ°ΠΉΠ½Π΅ Π½Π΅ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΠ΅ΡΡΡ ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°ΡΡ ΡΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½ΡΡ Π²ΡΡΠΎΡΡ Π΄Π»Ρ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ°, ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΠΏΠΎΠ΄ΠΎΠ±Π½Π°Ρ Π²Π΅ΡΡΡΠΊΠ° ΠΌΠΎΠΆΠ΅Ρ ΠΏΡΠΈΠ²Π΅ΡΡΠΈ ΠΊ Π½Π΅ΠΎΠΆΠΈΠ΄Π°Π½Π½ΠΎΠΌΡ ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΡ β ΠΊΠΎΠ½ΡΠ΅Π½Ρ Π±ΡΠ΄Π΅Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ ΠΏΠΎΠ²Π΅ΡΡ Π΄ΡΡΠ³ΠΎΠ³ΠΎ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ.
ΠΠΌΠ΅ΡΡΠΎ ΡΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠΉ Π²ΡΡΠΎΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ height: auto β ΡΡΠ° Π·Π°ΠΏΠΈΡΡ ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ, ΡΡΠΎ Π²ΡΡΠΎΡΠ° ΠΎΠ±ΡΠ΅ΠΊΡΠ° Π±ΡΠ΄Π΅Ρ ΡΠ°ΡΡΡΠΈΡΡΠ²Π°ΡΡΡΡ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ, Π² Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΠΎΠ½ ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ.
ΠΡΡΠ³ΠΎΠΉ ΡΠΏΠΎΡΠΎΠ± ΠΈΠ·Π±Π΅ΠΆΠ°ΡΡ ΡΠ°Π·Π²Π°Π»Π° Π²Π΅ΡΡΡΠΊΠΈ β ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π·Π°ΠΏΠΈΡΡ overflow: auto . Π ΡΠ°ΠΊΠΎΠΌ ΡΠ»ΡΡΠ°Π΅, Π΅ΡΠ»ΠΈ Π²ΡΡΠΎΡΠ° ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ Π±ΡΠ΄Π΅Ρ ΠΏΡΠ΅Π²ΡΡΠ°ΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ height ΡΠ²ΠΎΠ΅Π³ΠΎ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ°, Π±ΡΠ°ΡΠ·Π΅Ρ Π΄ΠΎΠ±Π°Π²ΠΈΡ ΠΊ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΡ ΠΏΠΎΠ»ΠΎΡΡ ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ.
Π ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΌ ΡΡΠΎΠΊΠ΅ Π²Ρ ΡΠ·Π½Π°Π΅ΡΠ΅, ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠ΅ΡΠ΅ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΡΡ ΡΠΈΡΠΈΠ½Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΠΎΠ³ΠΎ ΠΈ ΠΎΡΠ΅Π½Ρ ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠ³ΠΎ ΡΠ²ΠΎΠΉΡΡΠ²Π° box-sizing.
3. ΠΠ΅ΡΠΊΠΈ ΠΏΠΎ Π²ΡΡΠΎΡΠ΅ β ΠΠ°ΠΊ ΠΈΠ·ΠΌΠ΅ΡΠΈΡΡ ΡΠΈΡΠΈΠ½Ρ ΠΏΠ»Π΅Ρ, Π²ΡΡΠΎΡΡ Π³ΡΡΠ΄ΠΈ, Π΄Π»ΠΈΠ½Ρ ΡΡΠΊΠ°Π²Π°?
- ΠΡΡΠΎΡΠ° Π³ΡΡΠ΄ΠΈ β ΠΌΠ΅ΡΠΊΠΈ ΡΠ½ΠΈΠΌΠ°ΡΡΡΡ ΠΎΡ ΠΎΡΠ½ΠΎΠ²Π°Π½ΠΈΡ ΡΠ΅ΠΈ Π΄ΠΎ Π²ΡΡΡΡΠΏΠ°ΡΡΠ΅ΠΉ ΡΠ°ΡΡΠΈ Π³ΡΡΠ΄Π½ΡΡ ΠΆΠ΅Π»Π΅Π·.
- ΠΠ»ΠΈΠ½Π° ΡΠΏΠΈΠ½Ρ β ΠΈΠ·ΠΌΠ΅ΡΡΠ΅ΡΡΡ ΠΎΡ ΠΎΡΠ½ΠΎΠ²Π°Π½ΠΈΡ ΡΠ΅ΠΈ Π΄ΠΎ ΠΏΡΠ΅Π΄ΠΏΠΎΠ»Π°Π³Π°Π΅ΠΌΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ ΡΠ°Π»ΠΈΠΈ ΡΠΎ ΡΡΠΎΡΠΎΠ½Ρ ΡΠΏΠΈΠ½Ρ.
- ΠΠ»ΠΈΠ½Π° ΡΡΠΊΠ°Π²Π° β ΡΠ°Π½ΡΠΈΠΌΠ΅ΡΡΠΎΠ²ΡΡ Π»Π΅Π½ΡΡ ΠΏΡΠΎΠ²ΠΎΠ΄ΡΡ ΠΎΡ ΠΌΠ΅ΡΡΠ°, Π² ΠΊΠΎΡΠΎΡΠΎΠΌ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ Π²ΡΠΈΡ ΡΡΠΊΠ°Π², ΠΏΠΎ Π²Π½Π΅ΡΠ½Π΅ΠΉ ΡΡΠΎΡΠΎΠ½Π΅ ΡΡΠΊΠΈ Π΄ΠΎ Π·Π°ΠΏΡΡΡΡΡ, ΠΏΡΠΈ ΡΡΠΎΠΌ ΡΡΠΊΠ° Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ Π² ΡΠ»Π΅Π³ΠΊΠ° ΡΠΎΠ³Π½ΡΡΠΎΠΌ ΡΠΎΡΡΠΎΡΠ½ΠΈΠΈ.
- Π¨ΠΈΡΠΈΠ½Π° ΠΏΠ»Π΅ΡΠ° β ΡΠ°ΡΡΡΠΎΡΠ½ΠΈΠ΅ ΠΎΡ ΠΎΡΠ½ΠΎΠ²Π°Π½ΠΈΡ ΡΠ΅ΠΈ Π΄ΠΎ ΠΊΡΠ°ΠΉΠ½Π΅ΠΉ ΡΠΎΡΠΊΠΈ ΠΏΠ»Π΅ΡΠ΅Π²ΠΎΠ³ΠΎ ΡΡΡΡΠ°Π²Π°.
- ΠΠ»ΠΈΠ½Π° ΠΏΠ΅ΡΠ΅Π΄Π° Π΄ΠΎ ΡΠ°Π»ΠΈΠΈ β ΡΠ°Π½ΡΠΈΠΌΠ΅ΡΡ ΠΏΡΠΎΠ²ΠΎΠ΄ΡΡ ΠΎΡ ΠΎΡΠ½ΠΎΠ²Π°Π½ΠΈΡ ΡΠ΅ΠΈ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΠΎ Π΄ΠΎ ΡΠ°Π»ΠΈΠΈ.
Π‘Π½ΠΈΠΌΠ°ΡΡ ΠΌΠ΅ΡΠΊΠΈ Ρ ΡΠΈΠ³ΡΡΡ ΠΏΠΎ Π²ΡΡΠΎΡΠ΅ ΠΌΠΎΠ³ΡΡ ΠΏΠΎΡΡΠ΅Π±ΠΎΠ²Π°ΡΡΡΡ Π΄Π»Ρ ΠΎΠ΄Π΅ΠΆΠ΄Ρ, ΡΠ°ΡΡΡΠΈΡΠ°Π½Π½ΠΎΠΉ Π½Π° ΡΠ°Π·Π½ΠΈΡΡ Π² ΡΠΎΡΡΠ΅ ΠΈ Π΄Π»ΠΈΠ½Π΅.
ΠΠ°ΠΆΠ½ΠΎ! Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΠ΅ΠΌ ΡΠ½ΠΈΠΌΠ°ΡΡ ΠΌΠ΅ΡΠΊΠΈ, ΡΡΠΈΡΡΠ²Π°Ρ Π‘Π²ΠΎΠ±ΠΎΠ΄Π½ΠΎΠ΅ ΠΎΠ±Π»Π΅Π³Π°Π½ΠΈΠ΅ β ΡΡΠΎ Π²Π΅Π»ΠΈΡΠΈΠ½Π°, Π½Π° ΠΊΠΎΡΠΎΡΡΡ ΡΠ²Π΅Π»ΠΈΡΠΈΠ²Π°ΡΡ ΠΏΠΎΠ»ΡΡΠ΅Π½Π½ΡΡ ΠΌΠ΅ΡΠΊΡ, ΡΠ½ΡΡΡΡ Ρ ΡΠΈΠ³ΡΡΡ, Π΄Π»Ρ ΠΏΠΎΠ»ΡΡΠ΅Π½ΠΈΡ Π½ΡΠΆΠ½ΠΎΠ³ΠΎ ΠΎΠ±ΡΠ΅ΠΌΠ° Π³ΠΎΡΠΎΠ²ΠΎΠ³ΠΎ ΠΈΠ·Π΄Π΅Π»ΠΈΡ.
ΠΠ°ΡΠ°ΠΌΠ΅ΡΡΡ ΠΏΡΠΈΠ±Π°Π²ΠΊΠΈ ΠΏΠΎ ΠΎΠ±Π»Π΅Π³Π°Π½ΠΈΡ, ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½Ρ Π΄Π»Ρ Π»ΡΠ±ΠΈΡΠ΅Π»Π΅ΠΉ ΠΏΠ»ΠΎΡΠ½ΠΎ ΡΠΈΠ΄ΡΡΠ΅ΠΉ ΠΎΠ΄Π΅ΠΆΠ΄Ρ. Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΠ΅ΠΌΡΠ΅ ΠΏΡΠΈΠ±Π°Π²ΠΊΠΈ ΠΏΠΎ ΠΎΠ±Ρ
Π²Π°ΡΡ:
- ΠΏΠΎ Π³ΡΡΠ΄ΠΈ β 3-4 ΡΠΌ.
- ΠΏΠΎ ΡΠ°Π»ΠΈΠΈ β 1-2 ΡΠΌ.
- ΠΏΠΎ Π±Π΅Π΄ΡΠ°ΠΌ β 1-1,5 ΡΠΌ.
ΠΠΎΠ½Π΅ΡΠ½ΠΎ, Π½ΡΠΆΠ½ΠΎ ΡΡΠΈΡΡΠ²Π°ΡΡ ΠΏΠ»ΠΎΡΠ½ΠΎΡΡΡ ΠΈ ΡΡΠ³ΡΡΠ΅ΡΡΡ ΡΠΊΠ°Π½ΠΈ, Π° ΡΠ°ΠΊΠΆΠ΅ ΠΏΡΠ΅Π΄ΠΏΠΎΡΡΠ΅Π½ΠΈΠ΅ Π² Π½ΠΎΡΠΊΠ΅ ΠΎΠ΄Π΅ΠΆΠ΄Ρ.
ΠΠ°ΡΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ — ΠΠ°ΠΊΠ΅Ρ: ΠΠ΄ΠΈΠ½ΠΈΡΡ ΠΈΠ·ΠΌΠ΅ΡΠ΅Π½ΠΈΡ ΠΈ ΡΠ°Π·ΠΌΠ΅ΡΡ
ΠΠ΅ΠΊΠΎΡΠΎΡΡΠ΅ Π΅Π΄ΠΈΠ½ΠΈΡΡ ΠΈΠ·ΠΌΠ΅ΡΠ΅Π½ΠΈΡ Π² ΡΠ°Π·Π»ΠΈΡΠ½ΠΎΠΌ ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ΅ ΠΈΠΌΠ΅ΡΡ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ. Π ΡΡΠΎΠΉ Π³Π»Π°Π²Π΅ ΠΎΠΏΠΈΡΠ°Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΡΡΡΠΎΠΉΡΡΠ²ΠΎ-Π½Π΅Π·Π°Π²ΠΈΡΠΈΠΌΡΡ ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ, ΠΌΠ°ΡΡΡΠ°Π±ΠΈΡΡΠ΅ΠΌΡΡ ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ, Π° ΡΠ°ΠΊΠΆΠ΅ ΡΠ°ΠΊΠΈΡ ΠΈΠ΄Π΅ΠΉ ΠΊΠ°ΠΊ ΠΏΠ»ΠΎΡΠ½ΠΎΡΡΡ ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ.
ΠΠ»ΠΎΡΠ½ΠΎΡΡΡ ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ
ΠΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ, ΠΏΠΎΠΌΠ΅ΡΠ°ΡΡΠΈΡ ΡΡ Π² ΠΎΠ΄Π½ΠΎΠΌ Π΄ΡΠΉΠΌΠ΅, Π½Π°Π·ΡΠ²Π°ΡΡ «ΠΏΠ»ΠΎΡΠ½ΠΎΡΡΡΡ ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ». ΠΠΊΡΠ°Π½Ρ Ρ Π²ΡΡΠΎΠΊΠΎΠΉ ΠΏΠ»ΠΎΡΠ½ΠΎΡΡΡΡ ΠΈΠΌΠ΅ΡΡ Π±ΠΎΠ»ΡΡΠ΅ ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ Π½Π° Π΄ΡΠΉΠΌ, ΡΠ΅ΠΌ ΡΠΊΡΠ°Π½Ρ Ρ Π½ΠΈΠ·ΠΊΠΎΠΉ ΠΏΠ»ΠΎΡΠ½ΠΎΡΡΡΡ. Π ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ UI (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΊΠ½ΠΎΠΏΠΊΠ°) Π²ΡΠ³Π»ΡΠ΄ΡΡ ΠΊΡΡΠΏΠ½Π΅Π΅ Π½Π° ΡΡΡΡΠΎΠΉΡΡΠ²Π°Ρ Ρ ΡΠΊΡΠ°Π½Π°ΠΌΠΈ Ρ Π½ΠΈΠ·ΠΊΠΎΠΉ ΠΏΠ»ΠΎΡΠ½ΠΎΡΡΡΡ ΠΈ ΠΌΠ΅Π½ΡΡΠ΅ Π½Π° ΡΠΊΡΠ°Π½Π°Ρ Ρ Π²ΡΡΠΎΠΊΠΎΠΉ ΠΏΠ»ΠΎΡΠ½ΠΎΡΡΡΡ.
Dpi, ΠΈΠ»ΠΈ ΡΠ°Π·ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ ΡΠΊΡΠ°Π½Π°, ΠΎΠ±ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΠΎΠ³ΠΎ Π΄ΠΈΡΠΏΠ»Π΅Ρ.
dpi = ΡΠΈΡΠΈΠ½Π° (ΠΈΠ»ΠΈ Π²ΡΡΠΎΡΠ°) ΡΠΊΡΠ°Π½Π° Π² ΠΏΠΈΠΊΡΠ΅Π»ΡΡ / ΡΠΈΡΠΈΠ½Π° (ΠΈΠ»ΠΈ Π²ΡΡΠΎΡΠ°) ΡΠΊΡΠ°Π½Π° Π² Π΄ΡΠΉΠΌΠ°Ρ
ΠΠΊΡΠ°Π½ Ρ Π²ΡΡΠΎΠΊΠΎΠΉ ΠΏΠ»ΠΎΡΠ½ΠΎΡΡΡΡ
ΠΠΊΡΠ°Π½ Ρ Π½ΠΈΠ·ΠΊΠΎΠΉ ΠΏΠ»ΠΎΡΠ½ΠΎΡΡΡΡ
ΠΠ΅ Π·Π°Π²ΠΈΡΡΡΠΈΠ΅ ΠΎΡ ΠΏΠ»ΠΎΡΠ½ΠΎΡΡΠΈ ΠΏΠΈΠΊΡΠ΅Π»ΠΈ (dp)
«ΠΠ΅Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΡ ΠΎΡ ΠΏΠ»ΠΎΡΠ½ΠΎΡΡΠΈ» ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎΠ΅ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² UI Π½Π° ΡΠΊΡΠ°Π½Π°Ρ Ρ ΡΠ°Π·Π»ΠΈΡΠ½ΠΎΠΉ ΠΏΠ»ΠΎΡΠ½ΠΎΡΡΡΡ.
ΠΠ΅ Π·Π°Π²ΠΈΡΡΡΠΈΠ΅ ΠΎΡ ΠΏΠ»ΠΎΡΠ½ΠΎΡΡΠΈ ΠΏΠΈΠΊΡΠ΅Π»ΠΈ — ΡΡΠΎ Π³ΠΈΠ±ΠΊΠΈΠ΅ Π΅Π΄ΠΈΠ½ΠΈΡΡ ΠΈΠ·ΠΌΠ΅ΡΠ΅Π½ΠΈΡ, ΠΊΠΎΡΠΎΡΡΠ΅ Π½Π° Π»ΡΠ±ΠΎΠΌ ΡΠΊΡΠ°Π½Π΅ ΠΌΠ°ΡΡΡΠ°Π±ΠΈΡΡΡΡΡΡ Π΄ΠΎ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΈ ΡΠΎΠ³ΠΎ ΠΆΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΠ°. Π Π°Π·ΡΠ°Π±Π°ΡΡΠ²Π°Ρ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ ΠΏΠΎΠ΄ Android, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ dp Π΄Π»Ρ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎΠ³ΠΎ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Π½Π° ΡΠΊΡΠ°Π½Π°Ρ Ρ ΡΠ°Π·Π»ΠΈΡΠ½ΠΎΠΉ ΠΏΠ»ΠΎΡΠ½ΠΎΡΡΡΡ.
Π Π°Π·ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ ΡΠΊΡΠ°Π½Π° | Π¨ΠΈΡΠΈΠ½Π° ΡΠΊΡΠ°Π½Π° Π² ΠΏΠΈΠΊΡΠ΅Π»ΡΡ
(dpi * ΡΠΈΡΠΈΠ½Π° Π² Π΄ΡΠΉΠΌΠ°Ρ ) | Π¨ΠΈΡΠΈΠ½Π° ΡΠΊΡΠ°Π½Π° Π² Π½Π΅ Π·Π°Π²ΠΈΡΡΡΠΈΡ ΠΎΡ ΠΏΠ»ΠΎΡΠ½ΠΎΡΡΠΈ ΠΏΠΈΠΊΡΠ΅Π»ΡΡ |
---|---|---|
120 dpi | 180 px | 240 dp |
160 dpi | 240 px | |
240 dpi | 360 px |
ΠΡΠ»ΠΈ Ρ Π²Π°Ρ 3 ΡΠΊΡΠ°Π½Π°, ΠΊΠ°ΠΆΠ΄ΡΠΉ ΡΠΈΡΠΈΠ½ΠΎΠΉ 1,5 Π΄ΡΠΉΠΌΠ°, Π½ΠΎ ΠΏΡΠΈ ΡΡΠΎΠΌ Π²ΡΠ΅ ΠΎΠ½ΠΈ ΠΈΠΌΠ΅ΡΡ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ ΡΠ°Π·ΡΠ΅ΡΠ΅Π½ΠΈΡ, ΡΠΈΡΠΈΠ½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΡΠΊΡΠ°Π½Π° Π²ΡΠ΅ ΡΠ°Π²Π½ΠΎ ΡΠΎΡΡΠ°Π²ΠΈΡ 240dp.
dp ΡΠ°Π²Π΅Π½ ΠΎΠ΄Π½ΠΎΠΌΡ ΡΠΈΠ·ΠΈΡΠ΅ΡΠΊΠΎΠΌΡ ΠΏΠΈΠΊΡΠ΅Π»Ρ Π½Π° 160 dpi ΡΠΊΡΠ°Π½Π΅. ΠΠ»Ρ ΡΠ°ΡΡΠ΅ΡΠ° dp:
dp = (ΡΠΈΡΠΈΠ½Π° Π² ΠΏΠΈΠΊΡΠ΅Π»ΡΡ * 160) / dpi
Π ΠΏΡΠΎΡΠ΅ΡΡΠ΅ Π½Π°ΠΏΠΈΡΠ°Π½ΠΈΡ CSS ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ px Π² ΠΌΠ΅ΡΡΠ°Ρ , Π³Π΄Π΅ ΡΠΊΠ°Π·Π°Π½ΠΎ dp ΠΈΠ»ΠΈ sp. Dp ΡΠ»Π΅Π΄ΡΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠΎΠ»ΡΠΊΠΎ ΠΏΡΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅ ΠΏΠΎΠ΄ Android.
ΠΠ°ΡΡΡΠ°Π±ΠΈΡΡΠ΅ΠΌΡΠ΅ ΠΏΠΈΠΊΡΠ΅Π»ΠΈ (sp)
ΠΡΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅ ΠΏΠΎΠ΄ Android ΠΌΠ°ΡΡΡΠ°Π±ΠΈΡΡΠ΅ΠΌΡΠ΅ ΠΏΠΈΠΊΡΠ΅Π»ΠΈ (sp) ΡΠ»ΡΠΆΠ°Ρ ΡΠΎΠΉ ΠΆΠ΅ ΡΠ΅Π»ΠΈ, ΡΡΠΎ ΠΈ dp, Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ Π² ΡΡΠΈΡΡΠ°Ρ . ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ sp ΡΠΎΠ²ΠΏΠ°Π΄Π°Π΅Ρ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΠΌ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ΠΌ dp.
ΠΡΠ½ΠΎΠ²Π½ΠΎΠ΅ ΠΎΡΠ»ΠΈΡΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρ sp ΠΈ dp Π·Π°ΠΊΠ»ΡΡΠ°Π΅ΡΡΡ Π² ΡΠΎΠΌ, ΡΡΠΎ sp ΡΠΎΡ ΡΠ°Π½ΡΠ΅Ρ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ ΡΡΠΈΡΡΠ° ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ. ΠΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ, Π½Π°ΡΡΡΠΎΠΈΠ²ΡΠΈΠ΅ Π±ΠΎΠ»Π΅Π΅ ΠΊΡΡΠΏΠ½ΡΠΉ ΡΠ°Π·ΠΌΠ΅Ρ ΡΡΠΈΡΡΠ° Π΄Π»Ρ ΡΠ»ΡΡΡΠ΅Π½ΠΈΡ ΡΠΈΡΠ°Π±Π΅Π»ΡΠ½ΠΎΡΡΠΈ, ΡΠ²ΠΈΠ΄ΡΡ ΡΡΠΈΡΡ ΡΠ°ΠΊΠΎΠ³ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ°, ΠΊΠΎΡΠΎΡΡΠΉ Π±ΡΠ΄Π΅Ρ ΡΠΎΠ²ΠΏΠ°Π΄Π°ΡΡ Ρ ΠΈΡ ΠΏΡΠ΅Π΄ΠΏΠΎΡΡΠ΅Π½ΠΈΡΠΌΠΈ.
ΠΡΠΎΠ΅ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΠΌΠ°ΠΊΠ΅ΡΠΎΠ² Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ dp
ΠΡΠΈ ΠΏΡΠΎΠ΅ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠΈ ΠΌΠ°ΠΊΠ΅ΡΠΎΠ² ΠΏΠΎΠ΄ ΡΠΊΡΠ°Π½ ΡΠ°ΡΡΡΠΈΡΡΠ²Π°ΠΉΡΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Π² dp:
dp = (ΡΠΈΡΠΈΠ½Π° Π² ΠΏΠΈΠΊΡΠ΅Π»ΡΡ * 160) / dpi
ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΈΠΊΠΎΠ½ΠΊΠ° ΡΠ°Π·ΠΌΠ΅ΡΠΎΠ² 32 x 32 px ΠΏΡΠΈ 320 dpi Π±ΡΠ΄Π΅Ρ ΠΈΠΌΠ΅ΡΡ ΡΠ°Π·ΠΌΠ΅ΡΡ 16 x 16 dp.
ΠΠ°ΡΡΡΠ°Π±ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ
ΠΡΠΏΠΎΠ»ΡΠ·ΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΡΠΎΠΎΡΠ½ΠΎΡΠ΅Π½ΠΈΡ ΡΡΠΎΡΠΎΠ½, ΠΌΠΎΠΆΠ½ΠΎ ΠΌΠ°ΡΡΡΠ°Π±ΠΈΡΠΎΠ²Π°ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, ΡΡΠΎΠ±Ρ ΠΎΠ½ΠΈ Π²ΡΠ³Π»ΡΠ΄Π΅Π»ΠΈ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ Π½Π° ΡΠΊΡΠ°Π½Π°Ρ Ρ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠΌ ΡΠ°Π·ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ΠΌ:
ΠΠ»ΡΡΠ΅Π²ΡΠ΅ ΡΠ°Π·Π»ΠΈΡΠΈΡ ΠΌΠ΅ΠΆΠ΄Ρ Π΄Π»ΠΈΠ½ΠΎΠΉ ΠΈ Π²ΡΡΠΎΡΠΎΠΉ
Π’ΠΎΡΠΊΠΈ, ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½Π½ΡΠ΅ Π½ΠΈΠΆΠ΅, ΡΡΡΠ΅ΡΡΠ²Π΅Π½Π½Ρ Ρ ΡΠΎΡΠΊΠΈ Π·ΡΠ΅Π½ΠΈΡ ΡΠ°Π·Π½ΠΈΡΡ ΠΌΠ΅ΠΆΠ΄Ρ Π΄Π»ΠΈΠ½ΠΎΠΉ ΠΈ Π²ΡΡΠΎΡΠΎΠΉ:
- ΠΠ»ΠΈΠ½Π° — ΡΡΠΎ, Π² ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΌ, ΡΠΊΠ²ΠΎΠ·Π½ΠΎΠ΅ ΠΈΠ·ΠΌΠ΅ΡΠ΅Π½ΠΈΠ΅ ΠΎΠ±ΡΠ΅ΠΊΡΠ°. ΠΠ°ΠΎΠ±ΠΎΡΠΎΡ, Π²ΡΡΠΎΡΠ° — ΡΡΠΎ ΠΈΠ·ΠΌΠ΅ΡΠ΅Π½ΠΈΠ΅ ΡΠ°ΡΡΡΠΎΡΠ½ΠΈΡ ΠΎΠ±ΡΠ΅ΠΊΡΠ° ΠΎΡ ΠΎΡΠ½ΠΎΠ²Π°Π½ΠΈΡ Π΄ΠΎ Π²Π΅ΡΡΠΈΠ½Ρ.
- ΠΠ»ΠΈΠ½Π° ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΡΡΠ΅ΠΏΠ΅Π½Ρ, Π² ΠΊΠΎΡΠΎΡΠΎΠΉ ΡΡΠΎ-ΡΠΎ Π΄Π»ΠΈΠ½Π½ΠΎΠ΅, Π° Π²ΡΡΠΎΡΠ° — ΠΏΠΎΠΊΠ°Π·Π°ΡΠ΅Π»Ρ ΡΡΠ΅ΠΏΠ΅Π½ΠΈ, Π² ΠΊΠΎΡΠΎΡΠΎΠΉ ΠΊΡΠΎ-ΡΠΎ ΠΈΠ»ΠΈ ΡΡΠΎ-ΡΠΎ Π²ΡΡΠΎΠΊΠΎΠ΅.
- Π₯ΠΎΡΡ Π΄Π»ΠΈΠ½Π° ΠΈΠ·ΠΌΠ΅ΡΡΠ΅ΡΡΡ Π²Π΄ΠΎΠ»Ρ ΠΎΡΠΈ X, ΠΏΠΎ ΡΡΡΠΈ ΡΡΠΎ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½Π°Ρ ΡΡΠΎΡΠΎΠ½Π° ΡΠ΅Π³ΠΎ-Π»ΠΈΠ±ΠΎ, Π° Π²ΡΡΠΎΡΠ° ΡΠΎΠ²ΠΏΠ°Π΄Π°Π΅Ρ Ρ ΠΎΡΡΡ Y, ΠΊΠΎΡΠΎΡΠ°Ρ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΡΡ ΡΡΠΎΡΠΎΠ½Ρ ΡΠ΅Π³ΠΎ-Π»ΠΈΠ±ΠΎ.
- ΠΠ»ΠΈΠ½Π° Π½Π΅ ΡΡΠΎ ΠΈΠ½ΠΎΠ΅, ΠΊΠ°ΠΊ ΡΠ°ΠΌΡΠΉ Π΄Π»ΠΈΠ½Π½ΡΠΉ Π°ΡΠΏΠ΅ΠΊΡ ΠΎΠ±ΡΠ΅ΠΊΡΠ°. Π Π½Π°ΠΎΠ±ΠΎΡΠΎΡ, Π²ΡΡΠΎΡΠ° — ΡΡΠΎ ΡΠ° ΡΡΠΎΡΠΎΠ½Π° ΠΎΠ±ΡΠ΅ΠΊΡΠ°, ΠΊΠΎΡΠΎΡΠ°Ρ Π±ΡΠ»Π° Π±Ρ Π²Π²Π΅ΡΡ , Π² Π½ΠΎΡΠΌΠ°Π»ΡΠ½ΠΎΠΉ ΠΎΡΠΈΠ΅Π½ΡΠ°ΡΠΈΠΈ.
ΡΡ ΠΎΠ΄ΡΡΠ²Π°
- ΠΠ»ΠΈΠ½Π° ΠΈ Π²ΡΡΠΎΡΠ° ΡΠ²Π»ΡΡΡΡΡ Π»ΠΈΠ½Π΅ΠΉΠ½ΡΠΌΠΈ ΠΈΠ·ΠΌΠ΅ΡΠ΅Π½ΠΈΡΠΌΠΈ.
- ΠΠ½ΠΈ ΠΈΠ·ΠΌΠ΅ΡΡΡΡΡΡ Π² Π΅Π΄ΠΈΠ½ΠΈΡΠ°Ρ ΡΠ°ΡΡΡΠΎΡΠ½ΠΈΡ.
- ΠΡΡΠ°ΠΆΠ°Π΅ΡΡΡ Π² ΡΡΡΠ°Ρ , Π΄ΡΠΉΠΌΠ°Ρ , ΠΌΠ΅ΡΡΠ°Ρ , ΡΡΠ΄Π°Ρ ΠΈ Ρ. Π.
ΠΠ°ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅
Π‘Π»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎ, ΠΈΠ· ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠ³ΠΎ Π²ΡΡΠ΅ ΠΎΠ±ΡΡΠΆΠ΄Π΅Π½ΠΈΡ ΡΡΠ°Π½ΠΎΠ²ΠΈΡΡΡ ΡΡΠ½ΠΎ, ΡΡΠΎ ΡΡΠΈ Π΄Π²Π° ΠΏΠΎΠ½ΡΡΠΈΡ ΡΠ²Π»ΡΡΡΡΡ ΡΠ°Π·Π½ΡΠΌΠΈ ΠΏΠΎΠ½ΡΡΠΈΡΠΌΠΈ Π³Π΅ΠΎΠΌΠ΅ΡΡΠΈΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠ°ΡΡΠΎ ΠΏΠΎΠ½ΠΈΠΌΠ°ΡΡΡΡ Π²ΠΌΠ΅ΡΡΠ΅, Π½ΠΎ ΡΡΠΎ Π½Π΅ Π΄Π΅Π»Π°Π΅Ρ ΠΈΡ Π΅Π΄ΠΈΠ½ΡΠΌ ΡΠ΅Π»ΡΠΌ. ΠΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΎΠ±ΡΠ΅ΠΊΡΠ° ΠΈΠ³ΡΠ°Π΅Ρ ΡΠ΅ΡΠ°ΡΡΡΡ ΡΠΎΠ»Ρ Π² ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΈ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊΠΎΠΉ ΡΠ°Π·ΠΌΠ΅Ρ ΡΠ²Π»ΡΠ΅ΡΡΡ Π²ΡΡΠΎΡΠΎΠΉ, Π° ΠΊΠ°ΠΊΠΎΠΉ — Π΄Π»ΠΈΠ½ΠΎΠΉ, ΠΏΠΎΡΠΎΠΌΡ ΡΡΠΎ ΠΈΠ·ΠΌΠ΅ΡΠ΅Π½ΠΈΡ ΠΌΠ΅Π½ΡΡΡΡΡ Ρ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ΠΌ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΡ, ΠΏΠΎ ΡΡΡΠΈ, Π²ΡΡΠΎΡΠ° ΠΎΠ±ΡΠ΅ΠΊΡΠ° ΡΡΠ°Π½ΠΎΠ²ΠΈΡΡΡ Π΅Π³ΠΎ Π΄Π»ΠΈΠ½ΠΎΠΉ, Π° Π΄Π»ΠΈΠ½Π° ΠΏΠΎΠ²ΠΎΡΠ°ΡΠΈΠ²Π°Π΅ΡΡΡ ΠΊΠ°ΠΊ Π΅Π³ΠΎ Π²ΡΡΠΎΡΠ°.