Html расстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ Π±ΡƒΠΊΠ²Π°ΠΌΠΈ: letter-spacing | htmlbook.ru

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅

РасстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ Π±ΡƒΠΊΠ²Π°ΠΌΠΈ. HTML, XHTML ΠΈ CSS Π½Π° 100%

РасстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ Π±ΡƒΠΊΠ²Π°ΠΌΠΈ. HTML, XHTML ΠΈ CSS Π½Π° 100%

Π’ΠΈΠΊΠΈΠ§Ρ‚Π΅Π½ΠΈΠ΅

HTML, XHTML ΠΈ CSS Π½Π° 100%
ΠšΠ²ΠΈΠ½Ρ‚ Π˜Π³ΠΎΡ€ΡŒ

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅

РасстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ Π±ΡƒΠΊΠ²Π°ΠΌΠΈ

РасстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ Π±ΡƒΠΊΠ²Π°ΠΌΠΈ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π΄Π°Ρ‚ΡŒ свойством letter-spacing. Π’ качСствС значСния ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ΡΡ нСобходимая Π²Π΅Π»ΠΈΡ‡ΠΈΠ½Π° ΠΈ Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½Π°Ρ Π΅Π΄ΠΈΠ½ΠΈΡ†Π° измСрСния.

Для нашСго ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° Π·Π°Π΄Π°Π΄ΠΈΠΌ расстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ Π±ΡƒΠΊΠ²Π°ΠΌΠΈ Π² Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ΅ ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ 6 пиксСлов:

h2 {

letter-spacing: 6px;

}

Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Π½Π° рис.Β 8.12.

Рис.Β 8.12. Π˜Π½Ρ‚Π΅Ρ€Π²Π°Π» ΠΌΠ΅ΠΆΠ΄Ρƒ Π±ΡƒΠΊΠ²Π°ΠΌΠΈ

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ это свойство ΠΊ Π΄Ρ€ΡƒΠ³ΠΈΠΌ элСмСнтам страницы.

Π”Π°Π»Π΅Π΅ Π²Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π΄Π°Π½Π½ΠΎΠ³ΠΎ свойства ΠΌΠΎΠΆΠ½ΠΎ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ΠΉ тСкст Π½Π° страницС.

Π”Π°Π½Π½Ρ‹ΠΉ тСкст являСтся ΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ΠΎΠΌ.

РасстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ тСкстом ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ

РасстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ тСкстом ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ РасстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ тСкстом ΠΈ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΎΠΉ влияСт Π½Π° Ρ‡ΠΈΡ‚Π°Π΅ΠΌΠΎΡΡ‚ΡŒ тСкста. ΠžΡ‡Π΅Π½ΡŒ малСнькоС ΠΈΠ»ΠΈ ΠΎΡ‡Π΅Π½ΡŒ большоС расстояниС ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΠΊΠ°Π·Π°Ρ‚ΡŒΡΡ Π½Π΅ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΌ.Π§Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚ΠΎΠ΄Π²ΠΈΠ½ΡƒΡ‚ΡŒ тСкст ΠΎΡ‚ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ hspace ΠΈ vspace элСмСнта IMG. Они Π·Π°Π΄Π°ΡŽΡ‚

РасстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ словами

РасстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ словами МоТно Π·Π°Π΄Π°Ρ‚ΡŒ расстояниС ΠΊΠ°ΠΊ ΠΌΠ΅ΠΆΠ΄Ρƒ Π±ΡƒΠΊΠ²Π°ΠΌΠΈ, Ρ‚Π°ΠΊ ΠΈ ΠΌΠ΅ΠΆΠ΄Ρƒ словами, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ свойство word-spacing. Π’ качСствС значСния Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΆΠ΅Π»Π°Π΅ΠΌΠΎΠ΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Π»ΠΈΠ±ΠΎ normal, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ.Π­Ρ‚ΠΎ свойство Π½Π΅ прСдставляСт

(5.3) ΠŸΡ€ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ΅ имя ΠΈ ΠΏΠ°Ρ€ΠΎΠ»ΡŒ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ вводятся русскими Π±ΡƒΠΊΠ²Π°ΠΌΠΈ.

Как это ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ?

(5.3) ΠŸΡ€ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ΅ имя ΠΈ ΠΏΠ°Ρ€ΠΎΠ»ΡŒ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ вводятся русскими Π±ΡƒΠΊΠ²Π°ΠΌΠΈ. Как это ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ? Π’ΠΎΠΎΠ±Ρ‰Π΅ Ρ‚ΠΎ, это измСняСтся Π²ΠΎ врСмя установки систСмы, ΠΈ послС этого ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ стандартными ΠΌΠ΅Ρ‚ΠΎΠ΄Π°ΠΌΠΈ это нСльзя. Но Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΎΡ‚Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π² рССстр, ΠΌΠΎΠΆΠ½ΠΎ. Π˜Π΄Ρ‘ΠΌ ΠΏΠΎ адрСсу [HKEY_USERS.DEFAULTKeyboard

7.11. ΠŸΡ€ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ΅ имя ΠΈ ΠΏΠ°Ρ€ΠΎΠ»ΡŒ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ вводятся русскими Π±ΡƒΠΊΠ²Π°ΠΌΠΈ. Как это ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ?

7.11. ΠŸΡ€ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ΅ имя ΠΈ ΠΏΠ°Ρ€ΠΎΠ»ΡŒ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ вводятся русскими Π±ΡƒΠΊΠ²Π°ΠΌΠΈ. Как это ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ? Π’ΠΎΠΎΠ±Ρ‰Π΅ Ρ‚ΠΎ, это измСняСтся Π²ΠΎ врСмя установки систСмы, ΠΈ послС этого ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ стандартными ΠΌΠ΅Ρ‚ΠΎΠ΄Π°ΠΌΠΈ это нСльзя. Но Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΎΡ‚Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π² рССстр, ΠΌΠΎΠΆΠ½ΠΎ. Π˜Π΄Ρ‘ΠΌ ΠΏΠΎ адрСсу [HKEY_USERS.DEFAULTKeyboard

РасстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ словами

РасстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ словами Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ€Π΅Π³ΡƒΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ расстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ словами с Ρ‚ΠΎΡ‡Π½ΠΎΡΡ‚ΡŒΡŽ Π΄ΠΎ слова. Π‘Π»ΠΎΠ²Π° Π½Π° расстоянии Π² нСсколько словВы ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ максимально допустимоС расстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ двумя Π»ΡŽΠ±Ρ‹ΠΌΠΈ словами запроса, поставив послС ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ слова символ / ΠΈ сразу Π·Π°

15.1.2 Π‘ΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡ ΠΌΠ΅ΠΆΠ΄Ρƒ NFS, RPC ΠΈ XDR

15.1.2 Π‘ΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡ ΠΌΠ΅ΠΆΠ΄Ρƒ NFS, RPC ΠΈ XDR NFS Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΏΠΎΠ²Π΅Ρ€Ρ… Π²Ρ‹Π·ΠΎΠ²ΠΎΠ² ΡƒΠ΄Π°Π»Π΅Π½Π½Ρ‹Ρ… ΠΏΡ€ΠΎΡ†Π΅Π΄ΡƒΡ€ (Remote Procedure Call β€” RPC). RPC Π±Ρ‹Π» Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ Π² Π½Π°Ρ‡Π°Π»Π΅ использования ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΊΠ»ΠΈΠ΅Π½Ρ‚/сСрвСр. Π’ этой Π³Π»Π°Π²Π΅ ΠΌΡ‹ познакомимся со слуТбами NFS ΠΈ Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€ΠΎΠΉ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹Ρ… сСтСвых вычислСний (Open Network Computing β€” ONC), Π½Π°

Π€ΠΎΡ€ΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Ρ‚ΠΎΡ‡Π΅ΠΊ ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠΌ Β«Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ – расстояниС»

Π€ΠΎΡ€ΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Ρ‚ΠΎΡ‡Π΅ΠΊ ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠΌ Β«Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ – расстояниС» ВмСсто Π²Π²ΠΎΠ΄Π° ΠΊΠΎΠΎΡ€Π΄ΠΈΠ½Π°Ρ‚ допускаСтся использованиС прямой записи расстояния, Ρ‡Ρ‚ΠΎ особСнно ΡƒΠ΄ΠΎΠ±Π½ΠΎ для быстрого Π²Π²ΠΎΠ΄Π° Π΄Π»ΠΈΠ½Ρ‹ Π»ΠΈΠ½ΠΈΠΈ. Π’Π°ΠΊΠΎΠΉ Π²Π²ΠΎΠ΄ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ Π²ΠΎ всСх ΠΊΠΎΠΌΠ°Π½Π΄Π°Ρ…, ΠΊΡ€ΠΎΠΌΠ΅ Ρ‚Π΅Ρ…, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€Π΅Π΄ΠΏΠΎΠ»Π°Π³Π°ΡŽΡ‚

3.

14.7. Поиск слов, Ρ†Π΅Π»ΠΈΠΊΠΎΠΌ Π½Π°Π±Ρ€Π°Π½Π½Ρ‹Ρ… прописными Π±ΡƒΠΊΠ²Π°ΠΌΠΈ

3.14.7. Поиск слов, Ρ†Π΅Π»ΠΈΠΊΠΎΠΌ Π½Π°Π±Ρ€Π°Π½Π½Ρ‹Ρ… прописными Π±ΡƒΠΊΠ²Π°ΠΌΠΈ ΠœΡ‹ упростили ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΏΡ€Π΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠΈΠ², Ρ‡Ρ‚ΠΎ Π² тСкстС Π½Π΅Ρ‚ чисСл, ΠΏΠΎΠ΄Ρ‡Π΅Ρ€ΠΊΠΎΠ² ΠΈ Ρ‚.Π΄.allcaps = /[A-Z]+/string = «This is ALL CAPS»string[allcaps]Β Β Β Β Β  # «ALL»Suppose you want to extract every word in all-caps:string.scan(allcaps) # [«ALL», «CAPS»]ΠŸΡ€ΠΈ ΠΆΠ΅Π»Π°Π½ΠΈΠΈ ΠΌΠΎΠΆΠ½ΠΎ Π±Ρ‹Π»ΠΎ Π±Ρ‹ ΠΎΠ±ΠΎΠ±Ρ‰ΠΈΡ‚ΡŒ эту идСю Π½Π°

Π€ΠΎΡ€ΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Ρ‚ΠΎΡ‡Π΅ΠΊ ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠΌ Β«Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ – расстояниС»

Π€ΠΎΡ€ΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Ρ‚ΠΎΡ‡Π΅ΠΊ ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠΌ Β«Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ – расстояниС» ВмСсто Π²Π²ΠΎΠ΄Π° ΠΊΠΎΠΎΡ€Π΄ΠΈΠ½Π°Ρ‚ допускаСтся использованиС прямой записи расстояния, Ρ‡Ρ‚ΠΎ особСнно ΡƒΠ΄ΠΎΠ±Π½ΠΎ для быстрого Π²Π²ΠΎΠ΄Π° Π΄Π»ΠΈΠ½Ρ‹ Π»ΠΈΠ½ΠΈΠΈ. Π’Π°ΠΊΠΎΠΉ Π²Π²ΠΎΠ΄ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ Π²ΠΎ всСх ΠΊΠΎΠΌΠ°Π½Π΄Π°Ρ…, ΠΊΡ€ΠΎΠΌΠ΅ Ρ‚Π΅Ρ…, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€Π΅Π΄ΠΏΠΎΠ»Π°Π³Π°ΡŽΡ‚

ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΠΈ кодирования Π»ΠΈΡ‚Π΅Ρ€Π°Π»ΡŒΠ½Ρ‹Ρ… символов ΠΈ ΠΏΠ°Ρ€ расстояниС/Π΄Π»ΠΈΠ½Π°

ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΠΈ кодирования Π»ΠΈΡ‚Π΅Ρ€Π°Π»ΡŒΠ½Ρ‹Ρ… символов ΠΈ ΠΏΠ°Ρ€ расстояниС/Π΄Π»ΠΈΠ½Π° Π’ ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΡ… Ρ€Π°Π·Π΄Π΅Π»Π°Ρ… Π½ΠΈΡ‡Π΅Π³ΠΎ Π½Π΅ Π±Ρ‹Π»ΠΎ сказано ΠΎ нСбольшом нюансС Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌΠ°: ΠΊΠ°ΠΊ Π² процСссС считывания сТатых Π΄Π°Π½Π½Ρ‹Ρ… ΠΎΡ‚Π»ΠΈΡ‡ΠΈΡ‚ΡŒ Π»ΠΈΡ‚Π΅Ρ€Π°Π»ΡŒΠ½Ρ‹ΠΉ символ ΠΎΡ‚ ΠΊΠΎΠ΄Π° расстояниС/Π΄Π»ΠΈΠ½Π°? Π’ ΠΊΠΎΠ½Ρ†Π΅ ΠΊΠΎΠ½Ρ†ΠΎΠ², Π½Π΅

Π€ΠΎΡ€ΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Ρ‚ΠΎΡ‡Π΅ΠΊ ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠΌ Β«Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ – расстояниС»

Π€ΠΎΡ€ΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Ρ‚ΠΎΡ‡Π΅ΠΊ ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠΌ Β«Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ – расстояниС» ВмСсто Π²Π²ΠΎΠ΄Π° ΠΊΠΎΠΎΡ€Π΄ΠΈΠ½Π°Ρ‚ допускаСтся использованиС прямой записи расстояния , Ρ‡Ρ‚ΠΎ особСнно ΡƒΠ΄ΠΎΠ±Π½ΠΎ для быстрого Π²Π²ΠΎΠ΄Π° Π΄Π»ΠΈΠ½Ρ‹ Π»ΠΈΠ½ΠΈΠΈ. Π’Π°ΠΊΠΎΠΉ Π²Π²ΠΎΠ΄ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ Π²ΠΎ всСх ΠΊΠΎΠΌΠ°Π½Π΄Π°Ρ…, ΠΊΡ€ΠΎΠΌΠ΅ Ρ‚Π΅Ρ…, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€Π΅Π΄ΠΏΠΎΠ»Π°Π³Π°ΡŽΡ‚

ΠŸΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ„ΠΎΡ€ΠΌΠ°ΠΌΠΈ

ΠŸΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ„ΠΎΡ€ΠΌΠ°ΠΌΠΈ ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° Π΄ΠΎΠ»ΠΆΠ½Π° Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ΡŒ Ρ„ΠΎΡ€ΠΌΡƒ с Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π°ΠΌΠΈ ΠΏΠΎΠ²Π΅Ρ€Ρ… основной Ρ„ΠΎΡ€ΠΌΡ‹ ΠΈΠ³Ρ€Ρ‹, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ΡŒ ΠΈΠ³Ρ€ΠΎΠΊΡƒ ввСсти имя, Π° Π·Π°Ρ‚Π΅ΠΌ Π²Π΅Ρ€Π½ΡƒΡ‚ΡŒΡΡ ΠΊ ΠΈΠ³Ρ€Π΅. Когда Ρ„ΠΎΡ€ΠΌΠ° с Π»ΡƒΡ‡ΡˆΠΈΠΌΠΈ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π°ΠΌΠΈ появляСтся Π½Π° экранС, основная Ρ„ΠΎΡ€ΠΌΠ° Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ скрыта. И Π½Π°ΠΎΠ±ΠΎΡ€ΠΎΡ‚, ΠΏΡ€ΠΈ

Василий Π©Π΅ΠΏΠ΅Ρ‚Π½Ρ‘Π²: РасстояниС ΠΎΡ‚ Π½Π°Ρ€ΠΎΠ΄Π° Василий Π©Π΅ΠΏΠ΅Ρ‚Π½Π΅Π²

Василий Π©Π΅ΠΏΠ΅Ρ‚Π½Ρ‘Π²: РасстояниС ΠΎΡ‚ Π½Π°Ρ€ΠΎΠ΄Π° Василий Π©Π΅ΠΏΠ΅Ρ‚Π½Π΅Π² ΠžΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½ΠΎ 19 января 2011 Π³ΠΎΠ΄Π° Π˜Π½Ρ‚Π΅Ρ€Π΅ΡΠ½ΠΎ Π½Π°Π±Π»ΡŽΠ΄Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊ роТдаСтся ВсСлСнная. Раскол ПангСи Π½Π° ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠΊΠΈ Ρ‚ΠΎΠΆΠ΅ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Ρ€Π°Π²Π½ΠΎΠ΄ΡƒΡˆΠ½Ρ‹ΠΌ. И Π΄Π°ΠΆΠ΅ Ρ‚ΠΎ, ΠΊΠ°ΠΊ Ρ†Ρ‹ΠΏΠ»Π΅Π½ΠΎΠΊ Π²Ρ‹Ρ…ΠΎΠ΄ΠΈΡ‚ ΠΈΠ· яйца, β€” Π·Ρ€Π΅Π»ΠΈΡ‰Π΅

ЀокусноС расстояниС ΠΈ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΈΠ²Ρ‹

ЀокусноС расстояниС ΠΈ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΈΠ²Ρ‹ Π Π°Π·Π½Ρ‹Π΅ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΈΠ²Ρ‹ ΠΈΠΌΠ΅ΡŽΡ‚ Ρ€Π°Π·Π½ΠΎΠ΅ фокусноС расстояниС, Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ ΠΏΡ€ΠΎΠΌΠ΅ΠΆΡƒΡ‚ΠΎΠΊ ΠΎΡ‚ оптичСского Ρ†Π΅Π½Ρ‚Ρ€Π° ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΈΠ²Π° Π΄ΠΎ плоскости ΠΌΠ°Ρ‚Ρ€ΠΈΡ†Ρ‹. ЀокусноС расстояниС измСряСтся Π² ΠΌΠΈΠ»Π»ΠΈΠΌΠ΅Ρ‚Ρ€Π°Ρ…. Π“Π»Π°Π²Π½ΠΎΠ΅ ЀокусноС расстояниС опрСдСляСт ΡƒΠ³ΠΎΠ» ΠΎΠ±Π·ΠΎΡ€Π° ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΈΠ²Π°.

БоглашСниС ΠΌΠ΅ΠΆΠ΄Ρƒ Π£Π¦ ΠΈ Π Π¦

БоглашСниС ΠΌΠ΅ΠΆΠ΄Ρƒ Π£Π¦ ΠΈ Π Π¦ Π­Ρ‚ΠΎ соглашСниС ΠΎΡ…Π²Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ всС стороны ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠΉ ΠΌΠ΅ΠΆΠ΄Ρƒ Π£Π¦ ΠΈ Π Π¦. Если Π£Π¦ ΠΈ Π Π¦ ΡΠ²Π»ΡΡŽΡ‚ΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π°ΠΌΠΈ ΠΌΠΎΠ΄Π΅Π»ΠΈ инсорсинга, Ρ‚ΠΎ соглашСниС ΠΌΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈ упрощаСтся ΠΈ ΠΏΡ€ΠΈΠΎΠ±Ρ€Π΅Ρ‚Π°Π΅Ρ‚ статус Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½Π΅Π³ΠΎ ΡŽΡ€ΠΈΠ΄ΠΈΡ‡Π΅ΡΠΊΠΎΠ³ΠΎ соглашСния ΠΌΠ΅ΠΆΠ΄Ρƒ Π£Π¦ (ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‰ΠΈΠΌ ΠΏΠΎΠ΄

ΠœΠ΅ΠΆΠ±ΡƒΠΊΠ²Π΅Π½Π½ΠΎΠ΅ расстояниС CSS: Бвойство letter-spacing

На этой страницС


letter-spacing – Π—Π°Π΄Π°Π΅Ρ‚ расстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ символами тСкста.

Бвойство ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΠΌΠ΅Π΅Ρ‚ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΈ Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½Ρ‹Π΅ значСния.

ΠšΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ слова


<letter-spacing>
<letter-spacing> Π’ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹Π΅ значСния:

[ normal | inherit | initial | unset ]

Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ считаСтся normal.

ЗначСния — <length>

letter-spacing: 0.3em;
letter-spacing: 3px;
letter-spacing: .3px;

ЗначСния:


<normal>

Π‘Ρ‚Π°Π½Π΄Π°Ρ€Ρ‚Π½ΠΎΠ΅ ΠΌΠ΅ΠΆΠ±ΡƒΠΊΠ²Π΅Π½Π½ΠΎΠ΅ расстояниС для Ρ‚Π΅ΠΊΡƒΡ‰Π΅Π³ΠΎ ΡˆΡ€ΠΈΡ„Ρ‚Π°. Π’ ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‚ значСния 0, это ΠΊΠ»ΡŽΡ‡Π΅Π²ΠΎΠ΅ слово позволяСт ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ расстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ Π±ΡƒΠΊΠ²Π°ΠΌΠΈ для выравнивания тСкста.

<length>

ΠžΠΏΡ€Π΅Π΄Π΅Π»ΡΠ΅Ρ‚ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ расстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ Π±ΡƒΠΊΠ²Π°ΠΌΠΈ Π΄ΠΎΠ±Π°Π²Π»ΡΡŽΡ‰Π΅Π΅ΡΡ ΠΊ стандартному Ρ€Π°ΡΡΡ‚ΠΎΡΠ½ΠΈΡŽ ΠΌΠ΅ΠΆΠ΄Ρƒ символами. Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΎΡ‚Ρ€ΠΈΡ†Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ, Π½ΠΎ ΠΏΡ€ΠΈ этом ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ ограничСния, зависящиС ΠΎΡ‚ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎΠΉ Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ. АгСнт ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π΅ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΠ²Π°Ρ‚ΡŒ ΠΈΠ»ΠΈ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ°Ρ‚ΡŒ ΠΌΠ΅ΠΆΠ±ΡƒΠΊΠ²Π΅Π½Π½ΠΎΠ΅ расстояниС для выравнивания тСкста.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€:

<!doctype html>
<html lang="ru">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>РасстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ символами Π² словах</title>
	      <style type="text/css">
@media screen and (max-width: 767px) {
    body {
    max-width: 767px;
    height: auto;
}
}
h2 { 
   color: blue; 
}
p {
    font-size:14pt;
} 
.
text { letter-spacing: normal; font-weight: normal; } .text1 { font-size: 14pt; color: red; letter-spacing: 5mm; line-height: 5mm; } .normal { -spacing: normal; } .em-wide { letter-spacing: 0.4em; } .em-wider { letter-spacing: 1em; } .em-tight { letter-spacing: -0.05em; } .px-wide { letter-spacing: 6px; } </style> </head> <body> <h2>РасстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ символами Π² словах</h2> <p>letter-spacing: normal; font-weight: normal</p> <p>font-size: 14pt; color: red; letter-spacing: 5mm</p> <p>-spacing: normal</p> <p>letter-spacing: 0.4em</p> <p>letter-spacing: 1em</p> <p>letter-spacing: -0.05em</p> <p>letter-spacing: 6px</p> </body> </html>

ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Π² Π½ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅

РасстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ символами Π² словах


РасстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ символами Π² словах

Π‘ΠΎΠ»ΡŒΡˆΠΈΠ΅ ΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΈΠ»ΠΈ ΠΎΡ‚Ρ€ΠΈΡ†Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ значСния свойства <letter-spacing> ΠΌΠΎΠ³ΡƒΡ‚ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ тСкст, ΠΊ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌΡƒ примСняСтся Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅, Π½Π΅Ρ‡ΠΈΡ‚Π°Π΅ΠΌΡ‹ΠΌ. ΠŸΡ€ΠΈ ΠΎΡ‡Π΅Π½ΡŒ Π±ΠΎΠ»ΡŒΡˆΠΈΡ… ΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… значСниях этого свойства, Π±ΡƒΠΊΠ²Ρ‹ Π² тСкстС Π±ΡƒΠ΄ΡƒΡ‚ Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠΊΠΎ Π΄Π°Π»Π΅ΠΊΠΎ Π΄Ρ€ΡƒΠ³ ΠΎΡ‚ Π΄Ρ€ΡƒΠ³Π°, Ρ‡Ρ‚ΠΎ Π½Π΅ Π±ΡƒΠ΄ΡƒΡ‚ Π²ΠΎΡΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Ρ‚ΡŒΡΡ ΠΊΠ°ΠΊ Ρ†Π΅Π»ΡŒΠ½Ρ‹Π΅ слова. ΠŸΡ€ΠΈ ΠΎΡ‡Π΅Π½ΡŒ Π±ΠΎΠ»ΡŒΡˆΠΈΡ… ΠΎΡ‚Ρ€ΠΈΡ†Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… значСниях Π±ΡƒΠΊΠ²Ρ‹ Π±ΡƒΠ΄ΡƒΡ‚ ΠΏΠ΅Ρ€Π΅ΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒΡΡ Π΄Ρ€ΡƒΠ³ Π΄Ρ€ΡƒΠ³ΠΎΠΌ Π΄ΠΎ Ρ‚Π°ΠΊΠΎΠΉ стСпСни, Ρ‡Ρ‚ΠΎ слова ΠΌΠΎΠ³ΡƒΡ‚ ΡΡ‚Π°Ρ‚ΡŒ Π½Π΅Ρ€Π°Π·Π»ΠΈΡ‡ΠΈΠΌΡ‹.

ΠœΠ΅ΠΆΠ±ΡƒΠΊΠ²Π΅Π½Π½ΠΎΠ΅ расстояниС Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΎ ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡƒΠ°Π»ΡŒΠ½ΠΎ для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ случая, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Π² Ρ€Π°Π·Π½Ρ‹Ρ… сСмСйствах ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² ΡˆΠΈΡ€ΠΈΠ½Π° символов Ρ€Π°Π·Π»ΠΈΡ‡Π½Π°. НСт ΠΊΠ°ΠΊΠΎΠ³ΠΎ-Ρ‚ΠΎ ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ значСния, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΏΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΎ для Π½Π°ΠΈΠ»ΡƒΡ‡ΡˆΠ΅Π³ΠΎ отобраТСния Π²ΠΎ всСх сСмСйствах ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ².

Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌΡ‹Π΅ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Ρ‹

Π‘ΠΏΠ΅Ρ†ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠΈ

Π’Π°ΡˆΠ΅ руководство ΠΏΠΎ ΠΌΠ΅ΠΆΠ±ΡƒΠΊΠ²Π΅Π½Π½ΠΎΠΌΡƒ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π»Ρƒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CSS

Назад Π’Π°ΡˆΠ΅ руководство ΠΏΠΎ ΠΌΠ΅ΠΆΠ±ΡƒΠΊΠ²Π΅Π½Π½ΠΎΠΌΡƒ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π»Ρƒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CSS

ΠœΠ΅ΠΆΠ±ΡƒΠΊΠ²Π΅Π½Π½Ρ‹ΠΉ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π» с CSS ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ ΠΊΠ°ΠΊ HTML (язык гипСртСкстовой Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ), Ρ‚Π°ΠΊ ΠΈ CSS 9 0006 (каскадныС Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй). Как Π²Ρ‹ Π·Π½Π°Π΅Ρ‚Π΅ ΠΈΠ· ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΡ… руководств, HTML β€” это Π±Π°Π·ΠΎΠ²Ρ‹ΠΉ ΠΊΠΎΠ΄, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для структурирования Π²Π΅Π±-страницы ΠΈ Π΅Π΅ содСрТимого, Π° CSS ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ вашСй Π²Π΅Π±-страницы элСмСнтами творчСского Π΄ΠΈΠ·Π°ΠΉΠ½Π°.

Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ ΠΌΡ‹ рассмотрим, ΠΊΠ°ΠΊ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΈΠ΄Π°Ρ‚ΡŒ своСй Π²Π΅Π±-страницС Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ особСнноС, ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΠ² ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π» ΠΌΠ΅ΠΆΠ΄Ρƒ символами css Π² вашСм тСкстС. ΠœΡ‹ рассмотрим, Ρ‡Ρ‚ΠΎ Π½ΡƒΠΆΠ½ΠΎ для создания простого ΠΌΠ°ΠΊΠ΅Ρ‚Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Π°ΠΌ Π±Ρ‹Π»ΠΎ ΡƒΠ΄ΠΎΠ±Π½ΠΎ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Ρ‚Π΅Π½ΠΈ. ВсС, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ для Π½Π°Ρ‡Π°Π»Π°, это простой Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π°, Ρ‚Π°ΠΊΠΎΠΉ ΠΊΠ°ΠΊ Π‘Π»ΠΎΠΊΠ½ΠΎΡ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ являСтся бСсплатным.

ΠžΡΠ½ΠΎΠ²Ρ‹ CSS ΠœΠ΅ΠΆΠ±ΡƒΠΊΠ²Π΅Π½Π½Ρ‹ΠΉ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π»

ΠœΠ΅ΠΆΠ±ΡƒΠΊΠ²Π΅Π½Π½Ρ‹ΠΉ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π» просто опрСдСляСтся количСством ΠΏΡ€ΠΎΠ±Π΅Π»ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ добавляСтС ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΌ символом Π² строкС ΠΈΠ»ΠΈ Π°Π±Π·Π°Ρ†Π΅ тСкста. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ для Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² ΠΈΠ»ΠΈ основного тСкста. НачнитС с любого ΡˆΡ€ΠΈΡ„Ρ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ, Π° Π·Π°Ρ‚Π΅ΠΌ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚Π΅ ΠΌΠ΅ΠΆΠ±ΡƒΠΊΠ²Π΅Π½Π½Ρ‹ΠΉ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π» ΠΊ этой области тСкста, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΈΠ΄Π°Ρ‚ΡŒ Π΅ΠΉ Π½ΡƒΠΆΠ½Ρ‹ΠΉ Π²ΠΈΠ΄. Иногда Π±ΡƒΠΊΠ²Ρ‹ располоТСны слишком Π±Π»ΠΈΠ·ΠΊΠΎ Π΄Ρ€ΡƒΠ³ ΠΊ Π΄Ρ€ΡƒΠ³Ρƒ. РасстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ Π±ΡƒΠΊΠ²Π°ΠΌΠΈ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΡ€ΠΈΠ΄Π°Ρ‚ΡŒ ΡΡ‚ΠΈΠ»ΡŒ, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΎΠ±Π»Π΅Π³Ρ‡ΠΈΡ‚ΡŒ Ρ‡Ρ‚Π΅Π½ΠΈΠ΅ тСкста.

Π’ тСкстовом Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ HTML. ΠœΡ‹ собираСмся ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ 1, Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ 2 ΠΈ ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° 3, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΠ΄Π΅ΠΌΠΎΠ½ΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊ это выглядит.



<Π³ΠΎΠ»ΠΎΠ²Π°>



Π­Ρ‚ΠΎ направляСт 1


< h3>Π­Ρ‚ΠΎ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ 2

Π­Ρ‚ΠΎ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ 3



Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π΄Π°Π²Π°ΠΉΡ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ ΡΡ‚ΠΈΠ»ΡŒ Π² HTML. Нам Π½ΡƒΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ CSS, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ расстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ Π±ΡƒΠΊΠ²Π°ΠΌΠΈ для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°.







Π­Ρ‚ΠΎ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ 1


Π­Ρ‚ΠΎ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ 2


Π­Ρ‚ΠΎ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ 3



Π Π΅Π·ΡƒΠ»ΡŒΡ‚ΠΈΡ€ΡƒΡŽΡ‰ΠΈΠΉ Π²Π΅Π±-ΠΌΠ°ΠΊΠ΅Ρ‚ выглядит ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

Π’Π΅ΠΏΠ΅Ρ€ΡŒ, Ρ‡Ρ‚ΠΎ происходит, ΠΊΠΎΠ³Π΄Π° ΠΌΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΌΠ΅ΠΆΠ±ΡƒΠΊΠ²Π΅Π½Π½Ρ‹ΠΉ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π» ΠΊ ΠΌΠ°Π»Π΅Π½ΡŒΠΊΠΎΠΌΡƒ Π°Π±Π·Π°Ρ†Ρƒ? Π”Π°Π²Π°ΠΉΡ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ тСкст ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ

для Π°Π±Π·Π°Ρ†Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ тСкст.

Π’ΠΎ-ΠΏΠ΅Ρ€Π²Ρ‹Ρ…, Π΄Π°Π²Π°ΠΉΡ‚Π΅ посмотрим, ΠΊΠ°ΠΊ выглядит тСкст, ΠΏΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ ΠΌΡ‹ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΠΌ, ΠΊΠ°ΠΊΠΎΠΉ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π» ΠΌΠ΅ΠΆΠ΄Ρƒ Π±ΡƒΠΊΠ²Π°ΠΌΠΈ ΠΌΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ. ΠœΡ‹ установим CSS с ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π»ΠΎΠΌ ΠΌΠ΅ΠΆΠ΄Ρƒ Π±ΡƒΠΊΠ²Π°ΠΌΠΈ : 0px Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ особого значСния.







Π‘ΠΈΡ‚Ρ‹ Π½Π΅ veritatibus. Officiisciae rerspis dolenda velendi picabo. Qui quis ad quae voluptatia dolorrum re volore, nemperum qui bereper natiberibus cus assimpo reperum quunti blaut et dollam ratem cus eiciendignit ma nimpossedis simendi ciusapedia eatur?



Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Π±ΡƒΠ΄Π΅Ρ‚ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ:

Π’Π΅ΠΏΠ΅Ρ€ΡŒ, Ссли ΠΌΡ‹ просто ΠΈΠ·ΠΌΠ΅Π½ΠΈΠΌ ΠΌΠ΅ΠΆΠ±ΡƒΠΊΠ²Π΅Π½Π½Ρ‹ΠΉ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π» Π½Π° 3px, ΠΊΠ°ΠΊ Π² letter-spacing: 3px; ΠΌΡ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠΌ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ выглядит ΠΈ читаСтся совсСм ΠΏΠΎ-Π΄Ρ€ΡƒΠ³ΠΎΠΌΡƒ.

Π’Π°ΠΊΠΎΠ΅ простоС ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΠΎΠ±Ρ‰Π΅Π³ΠΎ количСства пиксСлСй для опрСдСлСния ΠΌΠ΅ΠΆΠ±ΡƒΠΊΠ²Π΅Π½Π½ΠΎΠ³ΠΎ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π»Π° ΠΌΠΎΠΆΠ΅Ρ‚ привСсти ΠΊ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ измСнСниям Π² Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ваш тСкст отобраТаСтся для вашСй Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΠΈ.

МоТно ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ значСния. Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΎΡ‚Ρ€ΠΈΡ†Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ значСния сблизит ваши Π±ΡƒΠΊΠ²Ρ‹, Π±Π»ΠΈΠΆΠ΅, Ρ‡Π΅ΠΌ ΠΎΠ½ΠΈ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ каТутся, Ссли Π±Ρ‹ ΠΎΠ½ΠΈ Π²ΠΎΠΎΠ±Ρ‰Π΅ Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ ΠΏΠΎΠ»ΡƒΡ‡Π°Π»ΠΈ значСния. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΡΠΊΡΠΏΠ΅Ρ€ΠΈΠΌΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ с этим, Π½ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ тСкст становится Ρ‚Ρ€ΡƒΠ΄Π½Π΅Π΅ Ρ‡ΠΈΡ‚Π°Ρ‚ΡŒ.

Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ Π½Π΅ ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Ρ‹ пиксСлями, хотя пиксСли ΡƒΠ΄ΠΎΠ±Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΎΠ½ΠΈ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΠ²Π°ΡŽΡ‚ нСбольшоС ΡƒΠ²Π΅Π»ΠΈΡ‡Π΅Π½ΠΈΠ΅ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π»Π° ΠΌΠ΅ΠΆΠ΄Ρƒ символами. Π£ вас Π΅ΡΡ‚ΡŒ доступный cm, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ, ΠΊΠ°ΠΊ Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅, добавляСт Π³ΠΎΡ€Π°Π·Π΄ΠΎ большС ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π»ΠΎΠ² ΠΌΠ΅ΠΆΠ΄Ρƒ символами, Ρ‡Π΅ΠΌ пиксСли.

ΠŸΡ€ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ ΠΊΠΎΠ΄Π° всСго Π½Π° 1 см Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ Ρ€Π°Π΄ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚.

9 0045






Bitae none veritatibus. Officiisciae rerspis dolenda velendi picabo. Qui quis ad quae voluptatia dolorrum re volore, nemperum qui bereper natiberibus cus assimpo reperum quunti blaut et dollam ratem cus eiciendignit ma nimpossedis simendi ciusapedia eatur?



Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ это. ВСкст Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ практичСски Π½Π΅Ρ‡ΠΈΡ‚Π°Π΅ΠΌ.

Если Π²Ρ‹ ΡƒΠΊΠ°ΠΆΠ΅Ρ‚Π΅ мСньшСС число, мСньшС 1 Π² см, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, ΠΌΡ‹ смоТСм снова ΡΠΎΠ±Ρ€Π°Ρ‚ΡŒ тСкст. ΠŸΠΎΠΏΡ€ΠΎΠ±ΡƒΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ letter-spacing: .25cm; Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ происходит.

Π­Ρ‚ΠΎΡ‚ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ Π»ΡƒΡ‡ΡˆΠ΅, ΠΈ тСкст снова становится Ρ‡ΠΈΡ‚Π°Π΅ΠΌΡ‹ΠΌ.

ΠšΡƒΠ΄Π° дальшС?

Π­Ρ‚ΠΎ Π²Π²Π΅Π΄Π΅Π½ΠΈΠ΅ Π² ΠΌΠ΅ΠΆΠ±ΡƒΠΊΠ²Π΅Π½Π½Ρ‹ΠΉ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π» с CSS Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΡΡ‚Π°Ρ‚ΡŒ ΠΎΡ‚ΠΏΡ€Π°Π²Π½ΠΎΠΉ Ρ‚ΠΎΡ‡ΠΊΠΎΠΉ для дальнСйшСго изучСния Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΊΠΈ ΠΈ практичСского примСнСния HTML ΠΈ CSS.

ΠœΡ‹ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠΈΠΌ ΠΈΠ·ΡƒΡ‡Π΅Π½ΠΈΠ΅ Π΄Ρ€ΡƒΠ³ΠΈΡ… областСй Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π² ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ Π±Π»ΠΎΠ³Π΅. ΠœΡ‹ надССмся, Ρ‡Ρ‚ΠΎ это Π²Π²Π΅Π΄Π΅Π½ΠΈΠ΅ Π²Ρ‹Π·ΠΎΠ²Π΅Ρ‚ Ρƒ вас интСрСс, Π²Π΄ΠΎΡ…Π½ΠΎΠ²ΠΈΡ‚ вас Π½Π° дальнСйшиС исслСдования ΠΈ Π±ΠΎΠ»Π΅Π΅ Π³Π»ΡƒΠ±ΠΎΠΊΠΎΠ΅ ΠΏΠΎΠ³Ρ€ΡƒΠΆΠ΅Π½ΠΈΠ΅ Π² ΠΌΠΈΡ€ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°.

HTML β€” ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ способ Π½Π°Ρ‡Π°Ρ‚ΡŒ ΠΈΠ·ΡƒΡ‡Π΅Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°, Π½ΠΎ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ ΠΌΠΈΡ€ Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ всС большС ΠΈ большС. ΠŸΠΎΡ‡Π΅ΠΌΡƒ Π±Ρ‹ Π½Π΅ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ свои Π½Π°Π²Ρ‹ΠΊΠΈ ΠΈ возмоТности, ΠΏΡ€ΠΎΠ΄Π²ΠΈΠ½ΡƒΠ²ΡˆΠΈΡΡŒ Π΅Ρ‰Π΅ дальшС. Π—Π°ΠΏΠΈΡˆΠΈΡ‚Π΅ΡΡŒ Π½Π° Π½Π°ΡˆΡƒ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ Β«Π’Π²Π΅Π΄Π΅Π½ΠΈΠ΅ Π² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ NanodegreeΒ» ΡƒΠΆΠ΅ сСгодня!

udacity.com/course/intro-to-programming-nanodegree-nd000″ target=»blank» rel=»noopener noreferrer ”>ΠΠ°Ρ‡Π°Ρ‚ΡŒ ΠΎΠ±ΡƒΡ‡Π΅Π½ΠΈΠ΅

[et_bloom_locked optin_id=»optin_4β€³]

[/et_bloom_locked]

РасстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ Π±ΡƒΠΊΠ²Π°ΠΌΠΈ CSS | ПолноС руководство ΠΏΠΎ Ρ€Π°Π±ΠΎΡ‚Π΅ с ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°ΠΌΠΈ

РасстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ Π±ΡƒΠΊΠ²Π°ΠΌΠΈ Π² CSS опрСдСляСтся ΠΊΠ°ΠΊ количСство ΠΏΡ€ΠΎΠ±Π΅Π»ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ ΡƒΠΊΠ°Π·Π°Π½ΠΎ ΠΌΠ΅ΠΆΠ΄Ρƒ Π±ΡƒΠΊΠ²Π°ΠΌΠΈ Π² элСмСнтах ΠΈΠ»ΠΈ Π±Π»ΠΎΠΊΠ°Ρ… символов. Π­Ρ‚ΠΎ свойство ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для увСличСния ΠΈΠ»ΠΈ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΈΡ расстояния ΠΌΠ΅ΠΆΠ΄Ρƒ Π±ΡƒΠΊΠ²Π°ΠΌΠΈ Π½Π°Π±ΠΎΡ€Π° символов ΠΈΠ»ΠΈ тСкста. Он ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Π΅Ρ‚ Ρ‚Π°ΠΊΠΈΠ΅ значСния, ΠΊΠ°ΠΊ normal, length, initial ΠΈ inherit. Π­Ρ‚ΠΎ свойство ΠΈΠΌΠ΅Π΅Ρ‚ ΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ ΠΈΠ»ΠΈ ΠΎΡ‚Ρ€ΠΈΡ†Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π»Π° ΠΌΠ΅ΠΆΠ΄Ρƒ Π±ΡƒΠΊΠ²Π°ΠΌΠΈ, Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ Π² стилизации элСмСнтов Π² любом ΠΌΠ°ΠΊΠ΅Ρ‚Π΅, содСрТащСм тСкст ΠΈΠ»ΠΈ тСкстовый Π±Π»ΠΎΠΊ. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Ссли значСния ΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅, Ρ‚ΠΎ ΠΎΠ½ΠΈ ясны, Π° Ссли ΠΎΡ‚Ρ€ΠΈΡ†Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅, Ρ‚ΠΎ ΠΎΠ½ΠΈ Π½Π΅ ясны.

Как свойство ΠΌΠ΅ΠΆΠ±ΡƒΠΊΠ²Π΅Π½Π½ΠΎΠ³ΠΎ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π»Π° Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π² CSS?

Π˜Π½Ρ‚Π΅Ρ€Π²Π°Π» ΠΌΠ΅ΠΆΠ΄Ρƒ Π±ΡƒΠΊΠ²Π°ΠΌΠΈ свойства CSS ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ стиля пространства ΠΌΠ΅ΠΆΠ΄Ρƒ символами. Π­Ρ‚ΠΎ свойство Ρ‚Π°ΠΊΠΆΠ΅ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Ρ‚Π°ΠΊΠΈΠ΅ значСния, ΠΊΠ°ΠΊ значСния ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΡˆΡ€ΠΈΡ„Ρ‚Π° (em), значСния ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ родитСля (Π² ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Π°Ρ…), Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½Ρ‹Π΅ значСния (px) ΠΈ свойство normal ΠΈΠ»ΠΈ length ΠΈΠ»ΠΈ initial ΠΈΠ»ΠΈ inherit.

  • Π­Ρ‚ΠΎ свойство ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для опрСдСлСния Ρ‡Π΅Ρ‚ΠΊΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΡˆΡ€ΠΈΡ„Ρ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ опрСдСляСтся Π² ΠΊΠ°ΠΆΠ΄ΠΎΠΌ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎΠΌ случаС, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Ρ€Π°Π·Π½Ρ‹Π΅ сСмСйства ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² ΠΈΠΌΠ΅ΡŽΡ‚ Ρ€Π°Π·Π½ΡƒΡŽ ΡˆΠΈΡ€ΠΈΠ½Ρƒ символов. НС сущСствуСт Π΅Π΄ΠΈΠ½ΠΎΠ³ΠΎ значСния с фиксированным сСмСйством ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ², Π³Π΄Π΅ это свойство Π΄Π΅Π»Π°Π΅Ρ‚ это автоматичСски. ΠœΡ‹ Ρ‚Π°ΠΊΠΆΠ΅ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅, Π·Π°Π΄Π°Π½Π½ΠΎΠ΅ ΠΊΠ°ΠΊ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ для свойства ΠΌΠ΅ΠΆΠ±ΡƒΠΊΠ²Π΅Π½Π½ΠΎΠ³ΠΎ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π»Π°, Π·Π°Ρ‚Π΅ΠΌ Π½Π΅ измСняСтся, Π° вмСсто этого добавляСт Ρ‚Π΅ΠΊΡƒΡ‰Π΅Π΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΊ Π·Π½Π°Ρ‡Π΅Π½ΠΈΡŽ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Π² соотвСтствии с ΠΌΠ΅Ρ‚Ρ€ΠΈΠΊΠ°ΠΌΠΈ ΡˆΡ€ΠΈΡ„Ρ‚Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°.
  • Π’ этом свойствС Ρ‚Π°ΠΊΠΆΠ΅ Π΅ΡΡ‚ΡŒ значСния субпиксСлСй, прСдоставляСмыС этим свойством, Π³Π΄Π΅ значСния ΠΌΠ΅Π½Π΅Π΅ 1 пиксСля Π΄Π°Π΄ΡƒΡ‚ Π²Ρ‹Π²ΠΎΠ΄ Π±Π΅Π· ΠΌΠ΅ΠΆΠ±ΡƒΠΊΠ²Π΅Π½Π½ΠΎΠ³ΠΎ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π»Π°. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ Π»ΡƒΡ‡ΡˆΠ΅ всСго ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ это свойство ΠΌΠ΅ΠΆΠ±ΡƒΠΊΠ²Π΅Π½Π½ΠΎΠ³ΠΎ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π»Π° Π² строчных Π±ΡƒΠΊΠ²Π°Ρ….
Бинтаксис #1

расстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ Π±ΡƒΠΊΠ²Π°ΠΌΠΈ: Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½ΠΎΠ΅ | Π΄Π»ΠΈΠ½Π° | Π½Π°Ρ‡Π°Π»ΡŒΠ½Π°Ρ | inherit

  • normal: это ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ расстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ Π±ΡƒΠΊΠ²Π°ΠΌΠΈ Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½ΠΎΠ΅, Π±Π΅Π· Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΎΠ±Π΅Π»ΠΎΠ², ΠΈ это Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ являСтся Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ.
  • Π΄Π»ΠΈΠ½Π°: Π² этом, ΠΎΠ½ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΏΡ€ΠΎΠ±Π΅Π»Ρ‹, Π³Π΄Π΅ ΠΌΡ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΠΌ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΎΡ‚Ρ€ΠΈΡ†Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ значСния Π² этом.
  • Π½Π°Ρ‡Π°Π»ΡŒΠ½Ρ‹ΠΉ: , ΠΊΠ°ΠΊ слСдуСт ΠΈΠ· названия, ΠΎΠ½ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅, ΡƒΠΊΠ°Π·Π°Π½Π½ΠΎΠ΅ Π² Π½Π°Ρ‡Π°Π»Π΅, ΠΈΠ»ΠΈ ΠΏΡ€ΠΈΠΌΠ΅Ρ‚ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ.
  • наслСдованиС: Π­Ρ‚ΠΎ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ наслСдуСт Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ элСмСнта.
Бинтаксис #2

ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π» ΠΌΠ΅ΠΆΠ΄Ρƒ Π±ΡƒΠΊΠ²Π°ΠΌΠΈ: em | px

  • em: Π£ΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π°.
  • px: опрСдСляСт значСния пиксСлСй.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ ΠΌΠ΅ΠΆΠ±ΡƒΠΊΠ²Π΅Π½Π½ΠΎΠ³ΠΎ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π»Π° CSS

Π”Π°Π²Π°ΠΉΡ‚Π΅ рассмотрим ΠΏΡ€ΠΈΠΌΠ΅Ρ€ свойства ΠΌΠ΅ΠΆΠ±ΡƒΠΊΠ²Π΅Π½Π½ΠΎΠ³ΠΎ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π»Π° ΠΊΠ°ΠΊ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ #1

Код:




Educba Training



Бвойство CSS Letter-spacing


ΠœΠ΅ΠΆΠ±ΡƒΠΊΠ²Π΅Π½Π½Ρ‹ΠΉ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π» Π² этом Π°Π±Π·Π°Ρ†Π΅: ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΉ;



Π’Ρ‹Ρ…ΠΎΠ΄:

ОбъяснСниС: Π’ Π²Ρ‹ΡˆΠ΅ΡƒΠΏΠΎΠΌΡΠ½ΡƒΡ‚ΠΎΠΉ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ установил тСкст ΠΏΠ°Ρ€Π°Π³Ρ€Π°Ρ„Π° для Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½ΠΎΠΉ стоимости пространство ΠΌΠ΅ΠΆΠ΄Ρƒ Π±ΡƒΠΊΠ²Π°ΠΌΠΈ. Π’ΠΎ ΠΌΠ½ΠΎΠ³ΠΈΡ… случаях Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ±ΡƒΠΊΠ²Π΅Π½Π½ΠΎΠ³ΠΎ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π»Π° с Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΌ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ являСтся Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ. Π­Ρ‚ΠΎ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Π΄Π°Π΅Ρ‚ Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π» ΠΌΠ΅ΠΆΠ΄Ρƒ Π±ΡƒΠΊΠ²Π°ΠΌΠΈ ΠΈ Π»Π΅Π³ΠΊΠΎ читаСтся.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ #2

Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π΄Π°Π²Π°ΠΉΡ‚Π΅ посмотрим Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ пиксСлСй, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ для свойства ΠΌΠ΅ΠΆΠ±ΡƒΠΊΠ²Π΅Π½Π½ΠΎΠ³ΠΎ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π»Π° для Π½Π°Π±ΠΎΡ€Π° символов.

Бинтаксис:

РасстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ Π±ΡƒΠΊΠ²Π°ΠΌΠΈ: Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Π² пиксСлях Π² пиксСлях;

Код:




Educba Training



Письмо CSS- ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π» свойство


Π­Ρ‚ΠΎΡ‚ Π°Π±Π·Π°Ρ† ΠΈΠΌΠ΅Π΅Ρ‚ letter-spacing: ΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Π² пиксСлях;


87px;">
Π­Ρ‚ΠΎΡ‚ Π°Π±Π·Π°Ρ† ΠΈΠΌΠ΅Π΅Ρ‚ letter-spacing: дСсятичныС значСния;



Π­Ρ‚ΠΎΡ‚ Π°Π±Π·Π°Ρ† ΠΈΠΌΠ΅Π΅Ρ‚ letter-spacing: ΠΎΡ‚Ρ€ΠΈΡ†Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ значСния Π² пиксСлях;



Π’Ρ‹Π²ΠΎΠ΄:

ОбъяснСниС: Π’ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΉ Π²Ρ‹ΡˆΠ΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ ΠΌΡ‹ Π²ΠΈΠ΄Π΅Π»ΠΈ, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅ΠΌ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ±ΡƒΠΊΠ²Π΅Π½Π½ΠΎΠ³ΠΎ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π»Π°, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ значСния пиксСлСй. Π’ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π²Ρ‹ΡˆΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΌΡ‹ ΡƒΠΊΠ°Π·Π°Π»ΠΈ значСния свойства ΠΌΠ΅ΠΆΠ±ΡƒΠΊΠ²Π΅Π½Π½ΠΎΠ³ΠΎ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π»Π° Π² ΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… ΠΈΠ»ΠΈ ΠΎΡ‚Ρ€ΠΈΡ†Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… значСниях пиксСлСй, Π³Π΄Π΅ ΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ значСния Ρ‡Π΅Ρ‚Ρ‡Π΅, Ρ‡Π΅ΠΌ ΠΎΡ‚Ρ€ΠΈΡ†Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ значСния пиксСлСй. Π’ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π²Ρ‹ΡˆΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΌΡ‹ Π²ΠΈΠ΄ΠΈΠΌ, Ρ‡Ρ‚ΠΎ послСдний ΠΎΠΏΠ΅Ρ€Π°Ρ‚ΠΎΡ€ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Β«-1,5pxΒ», Π³Π΄Π΅ ΠΎΠ½ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π²ΠΎΠΎΠ±Ρ‰Π΅ Π½Π΅ ясно.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ #3

Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π΄Π°Π²Π°ΠΉΡ‚Π΅ посмотрим Π½Π° Π΄Ρ€ΡƒΠ³ΠΎΠ΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ свойства letter-spacing, относящССся ΠΊ ΡˆΡ€ΠΈΡ„Ρ‚Ρƒ, Ρ‚Π°ΠΊΠΎΠ΅ ΠΊΠ°ΠΊ Β«emΒ», ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ допускаСт ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π», зависящий ΠΎΡ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΡˆΡ€ΠΈΡ„Ρ‚Π°. Π˜Ρ‚Π°ΠΊ, ΠΌΡ‹ Π²ΠΈΠ΄ΠΈΠΌ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½Ρ‹ΠΉ Π½ΠΈΠΆΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ em.

Бинтаксис:

расстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ Π±ΡƒΠΊΠ²Π°ΠΌΠΈ: em;

Код:




Educba Training



Письмо CSS- свойство spacing


Π­Ρ‚ΠΎΡ‚ Π°Π±Π·Π°Ρ† ΠΈΠΌΠ΅Π΅Ρ‚ letter-spacing: ΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ значСния Π² пиксСлях;



Π’ этом Π°Π±Π·Π°Ρ†Π΅ ΠΌΠ΅ΠΆΠ±ΡƒΠΊΠ²Π΅Π½Π½Ρ‹ΠΉ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π»: дСсятичныС значСния;



Π­Ρ‚ΠΎΡ‚ Π°Π±Π·Π°Ρ† ΠΈΠΌΠ΅Π΅Ρ‚ letter-spacing: ΠΎΡ‚Ρ€ΠΈΡ†Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ значСния Π² пиксСлях;



Π’Ρ‹Π²ΠΎΠ΄:

ОбъяснСниС: Π±Ρ‹Ρ‚ΡŒ ΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ ΠΈΠ»ΠΈ ΠΎΡ‚Ρ€ΠΈΡ†Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ значСния, Π³Π΄Π΅ ΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ значСния ΠΌΠΎΠ³ΡƒΡ‚ снова Π΄Π°Ρ‚ΡŒ Ρ‡Π΅Ρ‚ΠΊΠΎΠ΅ расстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ Π±ΡƒΠΊΠ²Π°ΠΌΠΈ, Ρ‚ΠΎΠ³Π΄Π° ΠΊΠ°ΠΊ ΠΎΡ‚Ρ€ΠΈΡ†Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ значСния Π½Π΅ Ρ‡Π΅Ρ‚ΠΊΠΈΠ΅, Ρ‡Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΈ становятся ΠΌΠ΅Π½Π΅Π΅ Ρ‡ΠΈΡ‚Π°Π΅ΠΌΡ‹ΠΌΠΈ. Π’ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π²Ρ‹ΡˆΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΌΡ‹ Π²ΠΈΠ΄ΠΈΠΌ, Ρ‡Ρ‚ΠΎ послСдний ΠΎΠΏΠ΅Ρ€Π°Ρ‚ΠΎΡ€ ΡƒΠΊΠ°Π·Π°Π½ с ΠΎΡ‚Ρ€ΠΈΡ†Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ ΠΊΠ°ΠΊ Β«-0.1emΒ», Ρ‡Ρ‚ΠΎ нСпонятно ΠΈΠ»ΠΈ Π½Π΅ читаСтся ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌΠΈ. Если Ρƒ нас Π΅ΡΡ‚ΡŒ ΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ значСния, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Β«2emΒ», ΠΌΡ‹ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅ΠΌ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π», ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π² ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π²Ρ‹ΡˆΠ΅ Π²Ρ‹Π²ΠΎΠ΄Π΅.

Π­Ρ‚ΠΎ свойство ΠΌΠ΅ΠΆΠ±ΡƒΠΊΠ²Π΅Π½Π½ΠΎΠ³ΠΎ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π»Π° Π½Π΅ поддСрТиваСтся ΠΌΠ½ΠΎΠ³ΠΈΠΌΠΈ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°ΠΌΠΈ, Ρ‚Π°ΠΊΠΈΠΌΠΈ ΠΊΠ°ΠΊ firefox для Android, Π² ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‚ Π΄Ρ€ΡƒΠ³ΠΈΡ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ², Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ firefox, chrome, Internet Explorer ΠΈ Ρ‚. Π΄.

Π—Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅

CSS, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ обСспСчит ΡΡ‚ΠΈΠ»ΡŒ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π»Π° для символов ΠΈΠ»ΠΈ Π½Π°Π±ΠΎΡ€Π° символов Π² любом элСмСнтС. Π­Ρ‚ΠΎ свойство прСдоставляСт нСсколько Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ значСния ΡˆΡ€ΠΈΡ„Ρ‚Π°, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ em, пиксСли (px), ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ ΠΊΠ°ΠΊ ΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅, Ρ‚Π°ΠΊ ΠΈ ΠΎΡ‚Ρ€ΠΈΡ†Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ значСния. Π‘ΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ значСния, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Π΅ для ΠΌΠ΅ΠΆΠ±ΡƒΠΊΠ²Π΅Π½Π½ΠΎΠ³ΠΎ ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π»Π°, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ normal, length, initial, inherit, ΠΈ ΠΎΠ½ΠΈ Ρ‚Π°ΠΊΠΆΠ΅ ΠΈΠΌΠ΅ΡŽΡ‚ ΠΊΠ°ΠΊ ΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅, Ρ‚Π°ΠΊ ΠΈ ΠΎΡ‚Ρ€ΠΈΡ†Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ значСния. Π’ этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ ΠΌΡ‹ ΡƒΠ²ΠΈΠ΄Π΅Π»ΠΈ, Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ значСния Ρ‡ΠΈΡ‚Π°Π΅ΠΌΡ‹ ΠΈ ясны, Ρ‚ΠΎΠ³Π΄Π° ΠΊΠ°ΠΊ ΠΎΡ‚Ρ€ΠΈΡ†Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ значСния нСясны ΠΈ Π½Π΅ΡƒΠ·Π½Π°Π²Π°Π΅ΠΌΡ‹.

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

Π’Π°Ρˆ адрСс email Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½. ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ поля ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½Ρ‹ *