Basic
ΠΠ²Π΅Π΄Π΅Π½ΠΈΠ΅
CSS β ΠΎΡΠ²Π΅ΡΠ°Π΅Ρ Π·Π° ΡΡΠΈΠ»ΠΈ, ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅, Π°Π½ΠΈΠΌΠ°ΡΠΈΡ ΠΈ Π΄ΡΡΠ³ΠΎΠΉ UI.
ΠΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ, ΡΡΠΎΠ±Ρ Π»Π΅Π³ΡΠ΅ Π±ΡΠ»ΠΎ ΡΠ°Π·ΡΠ°Π±Π°ΡΡΠ²Π°ΡΡ html-Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΡ, Π°Π΄Π°ΠΏΡΠΈΡΠΎΠ²Π°ΡΡ ΠΈΡ ΠΏΠΎΠ΄ ΡΠ²ΠΎΠΈ Π½ΡΠΆΠ΄Ρ, ΡΠ΄Π΅Π»Π°ΡΡ Π±ΠΎΠ»Π΅Π΅ ΠΆΠΈΠ²ΡΠΌΠΈ.
ΠΡΠ°Π²ΠΈΠ»Π° CSS
Π‘ΡΠΈΠ»Ρ, Π·Π°Π΄Π°Π½Π½ΡΠΉ Π²Π½ΡΡΡΠΈ ΡΠ΅Π³Π° ΡΠ΅ΡΠ΅Π· Π°ΡΡΠΈΠ±ΡΡ style
, Π½Π°Π·ΡΠ²Π°Π΅ΡΡΡ Π²ΡΡΡΠΎΠ΅Π½Π½ΡΠΌ ΠΈΠ»ΠΈ ΠΈΠ½Π»Π°ΠΉΠ½ΠΎΠ²ΡΠΌ. Π‘ΡΠΈΠ»ΠΈ, Π·Π°Π΄Π°Π½Π½ΡΠ΅ ΡΠ΅ΡΠ΅Π· Π°ΡΡΠΈΠ±ΡΡ class
, Π·Π°Π΄Π°ΡΡΡΡ ΡΠ΅ΡΠ΅Π· ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΊΠ»Π°ΡΡΠΎΠ² (ΡΠ΅Π»Π΅ΠΊΡΠΎΡΠΎΠ²) β ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π°, ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½ΡΡΡΠΈΠ΅ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΡΠΈΠ»Π΅ΠΉ.
ΠΠ±ΡΠΈΠ΅ ΠΌΠΎΠΌΠ΅Π½ΡΡ:
div
ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ Π²ΡΠ΅ ΡΠ²ΠΎΠ±ΠΎΠ΄Π½ΠΎΠ΅ ΠΌΠ΅ΡΡΠΎbody
ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ Π²ΠΈΠ΄ΠΈΠΌΡΡ ΡΠΈΡΠΈΠ½Ρ Π±ΡΠ°ΡΠ·Π΅ΡΠ½ΠΎΠ³ΠΎ ΠΎΠΊΠ½Π°margin β Π²Π½Π΅ΡΠ½ΠΈΠΉ ΠΎΡΡΡΡΠΏ ΠΎΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°, ΠΏΡΡΡΠΎΠ΅ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²ΠΎ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠΎΡΠ΅Π΄Π½ΠΈΠΌΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ
padding β Π²Π½ΡΡΡΠ΅Π½Π½ΠΈΠΉ ΠΎΡΡΡΡΠΏ ΠΎΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°
border β Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ Π³ΡΠ°Π½ΠΈΡΡ, ΠΎΠ½ΠΈ ΡΠΎΠΆΠ΅ ΠΌΠΎΠ³ΡΡ Π²Π»ΠΈΡΡΡ Π½Π° ΡΠ°Π·ΠΌΠ΅Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°
Last updated