ΠŸΠΎΠΌΠΎΡ‰ΡŒ Π² написании студСнчСских Ρ€Π°Π±ΠΎΡ‚
АнтистрСссовый сСрвис

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ CSS. 
ИспользованиС Adobe Photoshop для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π²Π΅Π±-сайтов

Π Π΅Ρ„Π΅Ρ€Π°Ρ‚ΠŸΠΎΠΌΠΎΡ‰ΡŒ Π² Π½Π°ΠΏΠΈΡΠ°Π½ΠΈΠΈΠ£Π·Π½Π°Ρ‚ΡŒ ΡΡ‚ΠΎΠΈΠΌΠΎΡΡ‚ΡŒΠΌΠΎΠ΅ΠΉ Ρ€Π°Π±ΠΎΡ‚Ρ‹

Настройка Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π²Π΅Π΄Π΅Ρ‚ сСбя тСкст ΠΏΡ€ΠΈ использовании элСмСнта с Π²Ρ‹ΠΊΠ»ΡŽΡ‡ΠΊΠΎΠΉ Π²Π»Π΅Π²ΠΎ ΠΈΠ»ΠΈ Π²ΠΏΡ€Π°Π²ΠΎ (ΠΊΠ°ΠΊ тСкст ΠΎΠ±Ρ‚Π΅ΠΊΠ°Π΅Ρ‚ ΠΏΠΎΠ΄ΠΎΠ±Π½Ρ‹ΠΉ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚). Π—Π΄Π΅ΡΡŒ указываСтся ΠΊΠ°ΠΊ Π²Π΅Π΄Π΅Ρ‚ сСбя Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΡ€ΠΈ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ΅ страницы — прокручиваСтся вмСстС с Π½Π΅ΠΉ ΠΈΠ»ΠΈ стоит Π½Π° ΠΌΠ΅ΡΡ‚Π΅. ΠŸΡƒΠ½ΠΊΡ‚ block слуТит для настроСк ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ² Π±Π»ΠΎΠΊΠ° тСкста (Ρ‚.Π΅. здСсь Ρ€Π΅Ρ‡ΡŒ ΠΈΠ΄Π΅Ρ‚ ΡƒΠΆΠ΅ Π½Π΅ ΠΎΠ± ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Ρ… Π±ΡƒΠΊΠ²Π°Ρ… ΠΊΠ°ΠΊ Π² ΠΏΡƒΠ½ΠΊΡ‚Π΅ Type). НастраиваСт… Π§ΠΈΡ‚Π°Ρ‚ΡŒ Π΅Ρ‰Ρ‘ >

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ CSS. ИспользованиС Adobe Photoshop для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π²Π΅Π±-сайтов (Ρ€Π΅Ρ„Π΅Ρ€Π°Ρ‚, курсовая, Π΄ΠΈΠΏΠ»ΠΎΠΌ, ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒΠ½Π°Ρ)

CSS ΠΈΠ»ΠΈ Cascading Style Sheets. Π§Ρ‚ΠΎ Π² ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄Π΅ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ «ΠΊΠ°ΡΠΊΠ°Π΄Π½Ρ‹Π΅ стилСвыС Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹». Π’Π°ΠΊΠΎΠΉ ΠΏΡ€ΠΈΠ±Π»ΠΈΠΆΠ΅Π½Π½Ρ‹ΠΉ ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π½Π° Π³Π»Π°Π²Π½ΡƒΡŽ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΡŒ CSS — каскадноС наслСдованиС свойств ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°.

Π‘Π»Π΅Π²Π° стандартный Π΄ΠΈΠ°Π»ΠΎΠ³, Π²ΠΎΠ·Π½ΠΈΠΊΠ°ΡŽΡ‰ΠΈΠΉ ΠΏΡ€ΠΈ создании Π½ΠΎΠ²ΠΎΠ³ΠΎ стиля.

Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Ρ‚Ρ€Π΅Ρ… Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² — ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π½ΠΎΠ²Ρ‹ΠΉ ΡΡ‚ΠΈΠ»ΡŒ, ΠΏΠ΅Ρ€Π΅Π½Π°Π·Π½Π°Ρ‡ΠΈΡ‚ΡŒ свойства стандартного HTML-Ρ‚Π΅Π³Π° ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ CSS.

ПослС указания ΠΈΠΌΠ΅Π½ΠΈ стиля (ΠΈΠ»ΠΈ Π²Ρ‹Π±ΠΎΡ€Π° стандартного стиля для пСрСназначСния) ΠΌΡ‹ ΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅ΠΌΡΡ Π² «Π½Π°ΡΡ‚Ρ€ΠΎΠΉΠΊΠ°Ρ…» стиля. ДСлаСтся здСсь всС довольно просто, Π·Π° ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡΠΌΠΈ ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Π½Π°Π±Π»ΡŽΠ΄Π°Ρ‚ΡŒ Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ realtime.

На ΠΏΠ΅Ρ€Π²ΠΎΠΉ Π·Π°ΠΊΠ»Π°Π΄ΠΊΠ΅ ΠΌΡ‹ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΠ΅ΠΌ, ΠΊΠ°ΠΊ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Π°Ρ Π±ΡƒΠΊΠ²Π° нашСго тСкста:

  • 1 Π£ΠΊΠ°Π·Ρ‹Π²Π°Π΅ΠΌ ΡˆΡ€ΠΈΡ„Ρ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΈΡΠ°Ρ‚ΡŒΡΡ тСкст. ΠœΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Π»ΠΈΠ±ΠΎ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹ΠΉ ΡˆΡ€ΠΈΡ„Ρ‚, Ρ…ΠΎΡ‚ΡŒ FreeSet, Π½ΠΎ Π½Π΅Ρ‚ шансов, Ρ‡Ρ‚ΠΎ ΠΎΠ½ Π΅ΡΡ‚ΡŒ Ρƒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Сля Π½Π° ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅ (Π° Ρ€Π°Π· Π΅Π³ΠΎ Π½Π΅Ρ‚ — ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ страничка Π±ΡƒΠ΄Π΅Ρ‚ Π½Π΅ Ρ‚Π°ΠΊ). Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ рСкомСндуСтся ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ конструкциями, ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅ΠΌΡ‹ΠΌΠΈ самим DreamWeaver — Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Verdana, Arial, Helvetica, sans-serif. Π’ ΡΡ‚ΠΎΠΌ случаС сначала Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΡΠΊΠ°Ρ‚ΡŒΡΡ ΡˆΡ€ΠΈΡ„Ρ‚ Verdana — Ссли Ρ‚Π°ΠΊΠΎΠ³ΠΎ Π½Π΅ Π½Π°ΡˆΠ»ΠΈ, Ρ‚ΠΎΠ³Π΄Π° Arial, Ссли Π΅Π³ΠΎ Π½Π΅Ρ‚? Π’ΠΎΠ³Π΄Π° Helvetica, Π½Ρƒ, Π° Π΅ΡΠ»ΠΈ ΠΈ Π΅Π΅ Π½Π΅Ρ‚ — Ρ‚ΠΎΠ³Π΄Π° любой ΡˆΡ€ΠΈΡ„Ρ‚ Π±Π΅Π· засСчСк — гротСск.
  • 2 Π£ΠΊΠ°Π·Ρ‹Π²Π°Π΅ΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π° — ΠΏΠΎ ΡΡ€Π°Π²Π½Π΅Π½ΠΈΡŽ с Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ями HTML Ρ‚ΡƒΡ‚ всС просто. Π Π°Π·ΠΌΠ΅Ρ€ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ практичСски Π² Ρ‡Π΅ΠΌ ΡƒΠ³ΠΎΠ΄Π½ΠΎ, начиная ΠΎΡ‚ % ΠΈ Π·Π°ΠΊΠ°Π½Ρ‡ΠΈΠ²Π°Ρ пиксСлями ΠΈ ΠΏΡƒΠ½ΠΊΡ‚Π°ΠΌΠΈ.
  • 3 Π—Π΄Π΅ΡΡŒ настраиваСтся ΡΡ‚Π΅ΠΏΠ΅Π½ΡŒ «Π²Π΅ΡΠ°» Π±ΡƒΠΊΠ²Ρ‹ ΠΈΠ»ΠΈ, Π΅Π³ΠΎ Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½Π°. Π’Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² Ρ‚ΠΎΠΆΠ΅ Π½Π΅ΠΌΠ°Π»ΠΎ.
  • 4 Π‘Ρ‚ΠΈΠ»ΡŒ написания — Π½Π°ΠΊΠ»ΠΎΠ½Π½Ρ‹ΠΉ (ΠΈΡ‚Π°Π»Π»ΠΈΠΊ), стандартный (normal)
  • 5 Π’Π°Ρ€ΠΈΠ°Ρ†ΠΈΠΈ написания — Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, вСсь тСкст Π½Π°Π±Ρ€Π°Π½ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ строчными ΠΈΠ»ΠΈ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π·Π°Π³Π»Π°Π²Π½Ρ‹ΠΌΠΈ Π±ΡƒΠΊΠ²Π°ΠΌΠΈ.
  • 6 Высота Π±Π°Π·ΠΎΠ²ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ ΡˆΡ€ΠΈΡ„Ρ‚Π° Π² ΠΏΡƒΠ½ΠΊΡ‚Π°Ρ…, ΠΏΠΎΠΈΠ½Ρ‚Π°Ρ… ΠΈΠ»ΠΈ Π»ΡŽΠ±Ρ‹Ρ… Π΄Ρ€ΡƒΠ³ΠΈΡ… Π²Π΅Π»ΠΈΡ‡ΠΈΠ½Π°Ρ….
  • 7 Какими Π±ΡƒΠΊΠ²Π°ΠΌΠΈ ΠΌΡ‹ ΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡΡ — большими, малСнькими ΠΈΠ»ΠΈ стандартно ΠΈ Ρ‚Π΅ΠΌΠΈ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ.
  • 8 Π Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΉ Π΄Π΅ΠΊΠΎΡ€ — ΠΏΠΎΠ΄Ρ‡Π΅Ρ€ΠΊΠΈΠ²Π°Π½ΠΈΠ΅, ΠΌΠΈΠ³Π°Π½ΠΈΠ΅ ΠΈ ΠΏΡ€ΠΎΡ‡Π΅Π΅.
  • 9 Π¦Π²Π΅Ρ‚ тСкста.

На Π΄Π°Π½Π½ΠΎΠΉ Π·Π°ΠΊΠ»Π°Π΄ΠΊΠ΅ производятся настройки Ρ„ΠΎΠ½Π°. Π€ΠΎΠ½Π° всСй странички ΠΈΠ»ΠΈ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π·Π°Π΄Π°Π½Π½ΠΎΠ³ΠΎ Π°Π±Π·Π°Ρ†Π° тСкста — это зависит ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Ρ€Π΅ΡˆΠΈΠ»ΠΈ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΡΡ‚ΠΈΠ»ΡŒ.

  • 1 Π¦Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π° (Π²Ρ‹Π±ΠΎΡ€ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π° ΠΈΠ· ΡΡ‚Π°Π½Π΄Π°Ρ€Ρ‚Π½Ρ‹Ρ… 256 Ρ†Π²Π΅Ρ‚ΠΎΠ² ΠΈΠ»ΠΈ созданиС своСго Ρ†Π²Π΅Ρ‚Π°)
  • 2 Π€Π°ΠΉΠ» с Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ
  • 3. Настройка повторСния (размноТСния) Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ изобраТСния ΠΏΠΎ ΡΡ‚Ρ€Π°Π½ΠΈΡ†Π΅, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π΄Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Π»ΠΎΡΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΠΎ ΠΎΡΠΈ X.
  • 4. Π—Π΄Π΅ΡΡŒ указываСтся ΠΊΠ°ΠΊ Π²Π΅Π΄Π΅Ρ‚ сСбя Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΡ€ΠΈ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ΅ страницы — прокручиваСтся вмСстС с Π½Π΅ΠΉ ΠΈΠ»ΠΈ стоит Π½Π° ΠΌΠ΅ΡΡ‚Π΅
  • 5. Π£ΠΊΠ°Π·Π°Π½ΠΈΠ΅ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠΉ ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΈ Π½Π°Ρ‡Π°Π»Π° Ρ„ΠΎΠ½Π°
  • 6. Π£ΠΊΠ°Π·Π°Π½ΠΈΠ΅ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠΉ ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΈ Π½Π°Ρ‡Π°Π»Π° Ρ„ΠΎΠ½Π°

Но! ΠŸΡƒΠ½ΠΊΡ‚Π°ΠΌΠΈ 3 ΠΈ 4 Π½Π°Π΄ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ с ΠΎΡΡ‚ΠΎΡ€ΠΎΠΆΠ½ΠΎΡΡ‚ΡŒΡŽ — Ρ‚. Π΅. ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡΡ‚ΡŒ Π²ΠΎ Π²ΡΠ΅Ρ… Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Ρ… вСрсиях Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ² Π½Π° ΡΠΎΠ²ΠΌΠ΅ΡΡ‚ΠΈΠΌΠΎΡΡ‚ΡŒ — ΠΈΠ½Π°Ρ‡Π΅, ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ расхоТдСниС Π² ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ.

ΠŸΡƒΠ½ΠΊΡ‚ block слуТит для настроСк ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ² Π±Π»ΠΎΠΊΠ° тСкста (Ρ‚.Π΅. здСсь Ρ€Π΅Ρ‡ΡŒ ΠΈΠ΄Π΅Ρ‚ ΡƒΠΆΠ΅ Π½Π΅ ΠΎΠ± ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Ρ… Π±ΡƒΠΊΠ²Π°Ρ… ΠΊΠ°ΠΊ Π² ΠΏΡƒΠ½ΠΊΡ‚Π΅ Type).

  • 1 Настройка расстояния ΠΌΠ΅ΠΆΠ΄Ρƒ словами
  • 2 Настройка ΠΌΠ΅ΠΆΠ±ΡƒΠΊΠ²Π΅Π½Π½ΠΎΠ³ΠΎ расстояния ΠΈΠ»ΠΈ Ρ‚Ρ€Π΅ΠΊΠΈΠ½Π³
  • 3 Π’Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠ΅ Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ строки тСкста
  • 4 Π“ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠ΅ Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ тСкста
  • 5 ΠžΡ‚ΡΡ‚ΡƒΠΏ ΠΏΠ΅Ρ€Π²ΠΎΠΉ строки тСкста
  • 6 НастраиваСт систСму расстановки Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΎΠ±Π΅Π»ΠΎΠ² ΠΌΠ΅ΠΆΠ΄Ρƒ словами ΠΈ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΡΠΌΠΈ (нСсколько Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ²)

Π—Π΄Π΅ΡΡŒ всС достаточно просто. ΠžΡΡ‚Π°Π»ΡŒΠ½Ρ‹Π΅ ΠΏΡƒΠ½ΠΊΡ‚Ρ‹ слСдуСт ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΡ€ΠΈ нСобходимости создания элСмСнтов Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈΠΌΠ΅Π½Π½ΠΎ Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ стилСй (ΠΏΡ€ΠΈ создании тСкстовой вСрсии).

Π”Π°Π½Π½Ρ‹ΠΉ ΠΏΡƒΠ½ΠΊΡ‚ управляСт ограничСниями Π΄Π°Π½Π½ΠΎΠ³ΠΎ куска тСкста Π½Π° ΡΡ‚Ρ€Π°Π½ΠΈΡ†Π΅ (ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡ΠΈΠ²Π°Π΅Ρ‚ Π΅Π³ΠΎ располоТСниС Π² ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΌ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ΅).

  • 1 Π¨ΠΈΡ€ΠΈΠ½Π° ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°
  • 2 Высота ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°
  • 3 Настройка Π²Ρ‹ΠΊΠ»ΡŽΡ‡ΠΊΠΈ Π²Π»Π΅Π²ΠΎ ΠΈΠ»ΠΈ Π²ΠΏΡ€Π°Π²ΠΎ
  • 4 Настройка Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π²Π΅Π΄Π΅Ρ‚ сСбя тСкст ΠΏΡ€ΠΈ использовании элСмСнта с Π²Ρ‹ΠΊΠ»ΡŽΡ‡ΠΊΠΎΠΉ Π²Π»Π΅Π²ΠΎ ΠΈΠ»ΠΈ Π²ΠΏΡ€Π°Π²ΠΎ (ΠΊΠ°ΠΊ тСкст ΠΎΠ±Ρ‚Π΅ΠΊΠ°Π΅Ρ‚ ΠΏΠΎΠ΄ΠΎΠ±Π½Ρ‹ΠΉ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚)
  • 5 Настройка отступа ΠΎΡ‚ ΠΊΡ€Π°Ρ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ° Π΄ΠΎ Ρ€Π°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½Π½Ρ‹Ρ… рядом Π΄Ρ€ΡƒΠ³ΠΈΡ… элСмСнтов
  • 6 Настройка отступа ΠΎΡ‚ ΠΊΡ€Π°Π΅Π² ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ° Π΄ΠΎ Ρ‚Скста.

Π—Π΄Π΅ΡΡŒ прСдставлСны Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ Π΄Π΅ΠΊΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹Π΅ настройки. НапримСр, это позволяСт ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π±ΠΎΡ€Π΄ΡŽΡ€ Π²ΠΎΠΊΡ€ΡƒΠ³ элСмСнта, со Π²ΡΠ΅ΠΌΠΈ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΡ‹ΠΌΡ‹ΠΌΠΈ настройками.

  • 1 Π£ΠΊΠ°Π·Ρ‹Π²Π°Π΅ΠΌ ΡˆΠΈΡ€ΠΈΠ½Ρƒ Π±ΠΎΡ€Π΄ΡŽΡ€Π° слСва, справа, свСрху ΠΈ ΡΠ½ΠΈΠ·Ρƒ
  • 2 Π’ΠΎ ΠΆΠ΅ ΡΠ°ΠΌΠΎΠ΅, Π½ΠΎ Π΄Π»Ρ Ρ†Π²Π΅Ρ‚Π° Π±ΠΎΡ€Π΄ΡŽΡ€Π°
  • 3 Π‘Ρ‚ΠΈΠ»ΡŒ Π±ΠΎΡ€Π΄ΡŽΡ€Π° — Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ сочСтания Ρ‚ΠΎΡ‡Π΅ΠΊ ΠΈ Ρ‡Π΅Ρ€Ρ‚ΠΎΡ‡Π΅ΠΊ.

Настройки списков (Π½ΡƒΠΌΠ΅Ρ€ΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΠΈ ΡΠΏΠΈΡΠΊΠ° с Π±ΡƒΠ»Π»Π΅Ρ‚Π°ΠΌΠΈ).

  • 1 Π’ΠΈΠΏ оформлСния Π±ΡƒΠ»Π»Π΅Ρ‚Π° (нСсколько Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ²)
  • 2 ИспользованиС Π² ΠΊΠ°Ρ‡Π΅ΡΡ‚Π²Π΅ Π±ΡƒΠ»Π»Π΅Ρ‚Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ
  • 3 ΠŸΠΎΠ·ΠΈΡ†ΠΈΠΎΠ½ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π±ΡƒΠ»Π»Π΅Ρ‚Π°

ΠŸΠΎΠ·ΠΈΡ†ΠΈΠΎΠ½ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ — Π²Π΅Ρ‰ΡŒ ΠΎΡ‡Π΅Π½ΡŒ ваТная. Оно ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ «ΠΏΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ» наш ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ Π² Π»ΡŽΠ±ΠΎΠ΅ мСсто Π½Π° ΡΡ‚Ρ€Π°Π½ΠΈΡ‡ΠΊΠ΅.

  • 1 Π’ΠΈΠΏ позиционирования (ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅, Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½ΠΎΠ΅ ΠΈ Ρ‚. Π΄.)
  • 2 РасполоТСниС ΠΏΠΎ Z-ΠΊΠΎΠΎΡ€Π΄ΠΈΠ½Π°Ρ‚Π΅ — Π² ΠΊΠ°ΠΊΠΎΠΌ слоС Π±ΡƒΠ΄Π΅Ρ‚ находится наш ΠΎΠ±ΡŠΠ΅ΠΊΡ‚.
  • 3 Π’ΠΈΠ΄ΠΈΠΌΡ‹ΠΉ ΠΈΠ»ΠΈ Π½Π΅Π²ΠΈΠ΄ΠΈΠΌΡ‹ΠΉ наш ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ (ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ для создания пустых ΠΏΠΎΠ»Π΅ΠΉ Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅).
  • 4 Π§Ρ‚ΠΎ Π±ΡƒΠ΄Π΅ΠΌ Π΄Π΅Π»Π°Ρ‚ΡŒ с ΠΏΠ΅Ρ€Π΅ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ΠΌ (Ρ‚.Π΅. Ссли тСкст вСсь Π½Π΅ Π²Π»Π΅Π·)
  • 5 РасполоТСниС ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° — ΡƒΠΊΠ°Π·Π°Π½ΠΈΠ΅ ΠΊΠΎΠΎΡ€Π΄ΠΈΠ½Π°Ρ‚ Π²Π΅Ρ€ΡˆΠΈΠ½Ρ‹ + ΡˆΠΈΡ€ΠΈΠ½Ρ‹ ΠΈ Π²Ρ‹ΡΠΎΡ‚Ρ‹ .
  • 6. ΠžΡ‚ΡΡ‚ΡƒΠΏΡ‹ со Π²ΡΠ΅Ρ… сторон Π² ΠΏΠΈΠΊΡΠ΅Π»ΡΡ… ΠΈΠ»ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… Π΅Π΄ΠΈΠ½ΠΈΡ†Π°Ρ….

Π£ΠΊΠ°Π·Π°Π½ΠΈΠ΅ ΠΎΠ±Ρ€Ρ‹Π²Π° страницы (Π² ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΌ для ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ) Π’ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ эффСкт — ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π½Π° ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ курсора ΠΎΠ½ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΌΠ΅Π½ΡΡ‚ΡŒ свою Ρ„ΠΎΡ€ΠΌΡƒ ΠΈΠ»ΠΈ ΠΏΡ€ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ΅ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° срабатываСт ΠΎΠ΄ΠΈΠ½ ΠΈΠ· ΡΡ‚Π°Π½Π΄Π°Ρ€Ρ‚Π½Ρ‹Ρ… Ρ„ΠΈΠ»ΡŒΡ‚Ρ€ΠΎΠ² (послСднСС Π²Π΅Ρ€Π½ΠΎ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для Internet Explorer).

ΠŸΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ вСсь тСкст
Π—Π°ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ Ρ„ΠΎΡ€ΠΌΡƒ Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΉ Ρ€Π°Π±ΠΎΡ‚ΠΎΠΉ