Basic

Π’Π²Π΅Π΄Π΅Π½ΠΈΠ΅

CSS β€” ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ Π·Π° стили, ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ ΠΈ Π΄Ρ€ΡƒΠ³ΠΎΠΉ UI.

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π»Π΅Π³Ρ‡Π΅ Π±Ρ‹Π»ΠΎ Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ html-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹, Π°Π΄Π°ΠΏΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΡ… ΠΏΠΎΠ΄ свои Π½ΡƒΠΆΠ΄Ρ‹, ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ ΠΆΠΈΠ²Ρ‹ΠΌΠΈ.

ΠŸΡ€Π°Π²ΠΈΠ»Π° CSS

Π‘Ρ‚ΠΈΠ»ΡŒ, Π·Π°Π΄Π°Π½Π½Ρ‹ΠΉ Π²Π½ΡƒΡ‚Ρ€ΠΈ Ρ‚Π΅Π³Π° Ρ‡Π΅Ρ€Π΅Π· Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ style, называСтся встроСнным ΠΈΠ»ΠΈ ΠΈΠ½Π»Π°ΠΉΠ½ΠΎΠ²Ρ‹ΠΌ. Π‘Ρ‚ΠΈΠ»ΠΈ, Π·Π°Π΄Π°Π½Π½Ρ‹Π΅ Ρ‡Π΅Ρ€Π΅Π· Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ class, Π·Π°Π΄Π°ΡŽΡ‚ΡΡ Ρ‡Π΅Ρ€Π΅Π· созданиС классов (сСлСкторов) β€” ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ свойства, ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΡΡŽΡ‰ΠΈΠ΅ нСсколько стилСй.

ΠžΠ±Ρ‰ΠΈΠ΅ ΠΌΠΎΠΌΠ΅Π½Ρ‚Ρ‹:

  • div ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ‚ всС свободноС мСсто

  • body ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ‚ Π²ΠΈΠ΄ΠΈΠΌΡƒΡŽ ΡˆΠΈΡ€ΠΈΠ½Ρƒ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π½ΠΎΠ³ΠΎ ΠΎΠΊΠ½Π°

  • margin β€” внСшний отступ ΠΎΡ‚ элСмСнта, пустоС пространство ΠΌΠ΅ΠΆΠ΄Ρƒ сосСдними элСмСнтами

  • padding β€” Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠΉ отступ ΠΎΡ‚ элСмСнта

  • border β€” Ρƒ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ элСмСнта ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ Π³Ρ€Π°Π½ΠΈΡ†Ρ‹, ΠΎΠ½ΠΈ Ρ‚ΠΎΠΆΠ΅ ΠΌΠΎΠ³ΡƒΡ‚ Π²Π»ΠΈΡΡ‚ΡŒ Π½Π° Ρ€Π°Π·ΠΌΠ΅Ρ€ элСмСнта

Last updated