Π§ΠΈΡ‚Π°ΠΉΡ‚Π΅ ΠΊΠ½ΠΈΠ³ΠΈ ΠΎΠ½Π»Π°ΠΉΠ½ Π½Π° Bookidrom.ru! БСсплатныС ΠΊΠ½ΠΈΠ³ΠΈ Π² ΠΎΠ΄Π½ΠΎΠΌ ΠΊΠ»ΠΈΠΊΠ΅

Π§ΠΈΡ‚Π°Ρ‚ΡŒ ΠΎΠ½Π»Π°ΠΉΠ½ «БпСцификация CSS2Β». Π‘Ρ‚Ρ€Π°Π½ΠΈΡ†Π° 9

Автор Π•Π²Π³Π΅Π½ΠΈΠΉ Π Π΅Π·Π½ΠΈΡ‡Π΅Π½ΠΊΠΎ

Π‘ΠΊΠΎΠ±ΠΊΠΈ, запятыС, ΠΏΡ€ΠΎΠ±Π΅Π»ΡŒΠ½Ρ‹Π΅ символы, ΠΎΠ΄ΠΈΠ½Π°Ρ€Π½Ρ‹Π΅ (') ΠΈ Π΄Π²ΠΎΠΉΠ½Ρ‹Π΅ (") ΠΊΠ°Π²Ρ‹Ρ‡ΠΊΠΈ Π² URI обязаны Π²Π²ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ escape-ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚Π΅ΠΉ с ΠΎΠ±Ρ€Π°Ρ‚Π½Ρ‹ΠΌ слэшСм: '\(', '\)', '\,'.

Π’ зависимости ΠΎΡ‚ Ρ‚ΠΈΠΏΠ° URI, ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΠΌΠ΅Ρ‚ΡŒΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Ρ‚Π°ΠΊΠΆΠ΅ Π·Π°ΠΏΠΈΡΡ‹Π²Π°Ρ‚ΡŒ Π²Ρ‹ΡˆΠ΅ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹Π΅ символы ΠΊΠ°ΠΊ URI-escape-ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ (Π³Π΄Π΅ "(" = %28, ")" = %29 ΠΈ Ρ‚.Π΄.), ΠΊΠ°ΠΊ описано Π² [URI] .

Для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΌΠΎΠ΄ΡƒΠ»ΡŒΠ½Ρ‹Π΅ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй, Π½Π΅ зависящиС ΠΎΡ‚ Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½ΠΎΠ³ΠΎ размСщСния рСсурса, Π°Π²Ρ‚ΠΎΡ€Ρ‹ ΠΌΠΎΠ³ΡƒΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ URI. ΠžΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ URI (ΠΊΠ°ΠΊ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΎ Π² [RFC1808] ) Ρ€Π°ΡΡˆΠΈΡ€ΡΡŽΡ‚ΡΡ Π΄ΠΎ ΠΏΠΎΠ»Π½ΠΎΠ³ΠΎ URI с использованиСм Π±Π°Π·ΠΎΠ²ΠΎΠ³ΠΎ URI. RFC 1808, Ρ€Π°Π·Π΄Π΅Π» 3 опрСдСляСт Π½ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌ этого процСсса. Π’ Ρ‚Π°Π±Π»ΠΈΡ†Π°Ρ… стилСй CSS Π±Π°Π·ΠΎΠ²Ρ‹ΠΉ URI это URI Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй, Π° Π½Π΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°-источника.


ΠŸΡ€Π΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠΈΠΌ, имССтся Ρ‚Π°ΠΊΠΎΠ΅ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ: BODY { background: url("yellow") } Ρ€Π°Π·ΠΌΠ΅Ρ‰Ρ‘Π½Π½ΠΎΠ΅ Π² Ρ‚Π°Π±Π»ΠΈΡ†Π΅ стилСй с URI: http://www.myorg.org/style/basic.css Π€ΠΎΠ½ элСмСнта BODY Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅-источникС Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°ΠΏΠΎΠ»Π½Π΅Π½ ΠΊΠ°ΠΊΠΈΠΌ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ, ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π΅Π½Π½Ρ‹ΠΉ рСсурсом URI: http://www.myorg.org/style/yellow


ПА ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎ-Ρ€Π°Π·Π½ΠΎΠΌΡƒ ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ URI, ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π°ΡŽΡ‰ΠΈΠ΅ Π½Π΅ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΉ ΠΈΠ»ΠΈ Π½Π΅ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅ΠΌΡ‹ΠΉ рСсурс

Π‘Ρ‡Ρ‘Ρ‚Ρ‡ΠΈΠΊΠΈ ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π°ΡŽΡ‚ΡΡ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€Π°ΠΌΠΈ (см. свойства 'counter-increment' ΠΈ 'counter-reset'). Π§Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚ΡŒΡΡ ΠΊ Π·Π½Π°Ρ‡Π΅Π½ΠΈΡŽ счётчика, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ 'counter(<identifier>)' ΠΈΠ»ΠΈ 'counter(<identifier>, <list-style-type>)'. Π‘Ρ‚ΠΈΠ»ΡŒ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ - 'decimal'.

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚ΡŒΡΡ ΠΊ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ Π²Π»ΠΎΠΆΠ΅Π½Π½Ρ‹Ρ… счётчиков с ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠΌΠ΅Π½Π΅ΠΌ, ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Π±ΡƒΠ΄Π΅Ρ‚: 'counters(<identifier>, <string>)' ΠΈΠ»ΠΈ 'counters(<identifier>, <string>, <list-style-type>)'. Π‘ΠΌ. "Π’Π»ΠΎΠΆΠ΅Π½Π½Ρ‹Π΅ счётчики ΠΈ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ видимости" Π² Π³Π»Π°Π²Π΅ ΠΎ Π³Π΅Π½Π΅Ρ€ΠΈΡ€ΡƒΠ΅ΠΌΠΎΠΌ содСрТимом.

Π’ CSS2 ΠΊ значСниям счётчиков ΠΌΠΎΠΆΠ½ΠΎ ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚ΡŒΡΡ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΈΠ· свойства 'content'. Π—Π°ΠΌΠ΅Ρ‚ΡŒΡ‚Π΅, Ρ‡Ρ‚ΠΎ 'none', это Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹ΠΉ <list-style-type>: 'counter(x, none)' рассматриваСтся ΠΊΠ°ΠΊ пустая строка.


Π’ΠΎΡ‚ Ρ‚Π°Π±Π»ΠΈΡ†Π° стилСй, Π½ΡƒΠΌΠ΅Ρ€ΡƒΡŽΡ‰Π°Ρ ΠΏΠ°Ρ€Π°Π³Ρ€Π°Ρ„Ρ‹ (P) для ΠΊΠ°ΠΆΠ΄ΠΎΠΉ Π³Π»Π°Π²Ρ‹ (H1). ΠŸΠ°Ρ€Π°Π³Ρ€Π°Ρ„Ρ‹ Π½ΡƒΠΌΠ΅Ρ€ΡƒΡŽΡ‚ΡΡ римскими Ρ†ΠΈΡ„Ρ€Π°ΠΌΠΈ с ΠΏΠΎΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌΠΈ Ρ‚ΠΎΡ‡ΠΊΠΎΠΉ ΠΈ ΠΏΡ€ΠΎΠ±Π΅Π»ΠΎΠΌ: P {counter-increment: par-num} H1 {counter-reset: par-num} P:before {content: counter(par-num, upper-roman) ". "}


Π‘Ρ‡Ρ‘Ρ‚Ρ‡ΠΈΠΊΠΈ Π²Π½Π΅ области видимости ΠΊΠ°ΠΊΠΎΠ³ΠΎ-Π»ΠΈΠ±ΠΎ 'counter-reset', ΡΡ‡ΠΈΡ‚Π°ΡŽΡ‚ΡΡ ΡΠ±Ρ€ΠΎΡˆΠ΅Π½Π½Ρ‹ΠΌΠΈ Π² 0 Π² 'counter-reset' ΠΊΠΎΡ€Π½Π΅Π²ΠΎΠ³ΠΎ элСмСнта.

<color> это ΠΈΠ»ΠΈ ΠΏΡ€Π΅Π΄ΠΎΠΏΡ€Π΅Π΄Π΅Π»Ρ‘Π½Π½ΠΎΠ΅ слово, ΠΈΠ»ΠΈ числовая спСцификация RGB.

Бписок Π½Π°Π·Π²Π°Π½ΠΈΠΉ Ρ†Π²Π΅Ρ‚ΠΎΠ²: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white ΠΈ yellow. Π­Ρ‚ΠΈ 16 Ρ†Π²Π΅Ρ‚ΠΎΠ² ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Ρ‹ Π² HTML 4.0 ([HTML40]). ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΌΠΎΠΆΠ΅Ρ‚ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΡΠΏΠ΅Ρ†ΠΈΡ„ΠΈΡ†ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ слова, ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ Ρ†Π²Π΅Ρ‚Π°ΠΌ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹ΠΌ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Ρ‘Π½Π½Ρ‹ΠΌΠΈ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°ΠΌΠΈ Π² срСдС ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ. Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ см. Π² систСмных Ρ†Π²Π΅Ρ‚Π°Ρ….


BODY {color: black; background: white } H1 { color: maroon } H2 { color: olive }


МодСль Ρ†Π²Π΅Ρ‚ΠΎΠ² RGB ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π² числовых спСцификациях Ρ†Π²Π΅Ρ‚Π°. Π’ΠΎ всСх Π΄Π°Π½Π½Ρ‹Ρ… ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ… спСцифицируСтся ΠΎΠ΄ΠΈΠ½ ΠΈ Ρ‚ΠΎΡ‚ ΠΆΠ΅ Ρ†Π²Π΅Ρ‚:


EM { color: #f00 } /* #rgb */ EM { color: #ff0000 } /* #rrggbb */ EM { color: rgb(255,0,0) } /* Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½ Ρ†Π΅Π»Ρ‹Ρ… чисСл 0 - 255 */ EM { color: rgb(100%, 0%, 0%) } /* Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½ чисСл с ΠΏΠ»Π°Π²Π°ΡŽΡ‰Π΅ΠΉ Ρ‚ΠΎΡ‡ΠΊΠΎΠΉ 0.0% - 100.0% */


Π€ΠΎΡ€ΠΌΠ°Ρ‚ значСния RGB Π² 16-Ρ€ΠΈΡ‡Π½ΠΎΠΉ записи - '#' Π·Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ сразу ΠΈΠ΄ΡƒΡ‚ Ρ‚Ρ€ΠΈ ΠΈΠ»ΠΈ ΡˆΠ΅ΡΡ‚ΡŒ 16-Ρ€ΠΈΡ‡Π½Ρ‹Ρ… символов. Π’Ρ€Ρ‘Ρ…ΡΠΈΠΌΠ²ΠΎΠ»ΡŒΠ½Π°Ρ запись RGB (#rgb) конвСртируСтся Π² ΡˆΠ΅ΡΡ‚ΠΈΡΠΈΠΌΠ²ΠΎΠ»ΡŒΠ½ΡƒΡŽ Ρ„ΠΎΡ€ΠΌΡƒ (#rrggbb) ΠΏΡƒΡ‚Ρ‘ΠΌ дублирования Ρ†ΠΈΡ„Ρ€, Π½ΠΎ Π½Π΅ Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ΠΌ нулями. НапримСр, #fb0 Ρ€Π°ΡΡˆΠΈΡ€ΡΠ΅Ρ‚ΡΡ Π΄ΠΎ #ffbb00. Π­Ρ‚ΠΎ Π³Π°Ρ€Π°Π½Ρ‚ΠΈΡ€ΡƒΠ΅Ρ‚, Ρ‡Ρ‚ΠΎ Π±Π΅Π»Ρ‹ΠΉ (#ffffff) ΠΌΠΎΠΆΠ½ΠΎ ΡΠΏΠ΅Ρ†ΠΈΡ„ΠΈΡ†ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ сокращённой записью (#fff) ΠΈ ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡ‚ΡŒ ΠΎΡ‚ Π³Π»ΡƒΠ±ΠΈΠ½Ρ‹ Ρ†Π²Π΅Ρ‚Π° Π½Π° дисплСС.

Π€ΠΎΡ€ΠΌΠ°Ρ‚ значСния RGB Π² Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠΉ записи - 'rgb(' Π·Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ ΠΈΠ΄Ρ‘Ρ‚ список Ρ€Π°Π·Π΄Π΅Π»Ρ‘Π½Π½Ρ‹Ρ… запятыми Ρ‚Ρ€Ρ‘Ρ… числовых Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ (ΠΈΠ»ΠΈ Ρ‚Ρ€Ρ‘Ρ… Ρ†Π΅Π»Ρ‹Ρ…, ΠΈΠ»ΠΈ Ρ‚Ρ€Ρ‘Ρ… ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Π½Ρ‹Ρ…) с ΠΏΠΎΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΉ ')'. Π¦Π΅Π»ΠΎΠ΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ 255 соотвСтствуСт 100% ΠΈ F ΠΈΠ»ΠΈ FF Π² 16-Ρ€ΠΈΡ‡Π½ΠΎΠΉ записи: rgb(255,255,255) = rgb(100%,100%,100%) = #FFF. ΠŸΡ€ΠΎΠ±Π΅Π»ΡŒΠ½Ρ‹Π΅ символы Π΄ΠΎΠΏΡƒΡΠΊΠ°ΡŽΡ‚ΡΡ Π²ΠΎΠΊΡ€ΡƒΠ³ числовых Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ.

ВсС Ρ†Π²Π΅Ρ‚Π° RGB спСцифицированы Π² Ρ†Π²Π΅Ρ‚ΠΎΠ²ΠΎΠΌ пространствС sRGB (см. [SRGB] ). ПА ΠΌΠΎΠ³ΡƒΡ‚ Ρ€Π°Π·Π»ΠΈΡ‡Π°Ρ‚ΡŒΡΡ Π² Ρ‚ΠΎΠΌ, насколько Ρ‚ΠΎΡ‡Π½ΠΎ ΠΎΠ½ΠΈ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡŽΡ‚ эти Ρ†Π²Π΅Ρ‚Π°, Π½ΠΎ использованиС sRGB прСдоставляСт нСдвусмыслСнноС ΠΈ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΈΠ²Π½ΠΎ измСряСмоС ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊΠΈΠΌ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ Ρ†Π²Π΅Ρ‚, ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΉ ΠΌΠ΅ΠΆΠ΄ΡƒΠ½Π°Ρ€ΠΎΠ΄Π½Ρ‹ΠΌ стандартам (см. [COLORIMETRY] ).

Π‘ΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ ПА ΠΌΠΎΠ³ΡƒΡ‚ ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡ΠΈΠ²Π°Ρ‚ΡŒ свои возмоТности Π²Ρ‹Π²ΠΎΠ΄Π° Ρ†Π²Π΅Ρ‚Π° для выполнСния ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ†ΠΈΠΈ Π³Π°ΠΌΠΌΡ‹ Ρ†Π²Π΅Ρ‚ΠΎΠ². sRGB спСцифицируСт Π³Π°ΠΌΠΌΡƒ дисплСя Π² 2.2 ΠΎΡ‚ спСцифицированных условий просмотра. ПА Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡƒΡ‚ΠΎΡ‡Π½ΠΈΡ‚ΡŒ Ρ†Π²Π΅Ρ‚, Π·Π°Π΄Π°Π½Π½Ρ‹ΠΉ Π² CSS, Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π² сочСтании с 'Π½Π°Ρ‚ΡƒΡ€Π°Π»ΡŒΠ½ΠΎΠΉ' Π³Π°ΠΌΠΌΠΎΠΉ дисплСя Π²Ρ‹Π²ΠΎΠ΄Π½ΠΎΠ³ΠΎ устройства Π²ΠΎΡΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΠ»Π°ΡΡŒ эффСктивная Π³Π°ΠΌΠΌΠ° дисплСя Π² 2.2. Π‘ΠΌ. Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Π΄Π΅Ρ‚Π°Π»ΠΈ Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ коррСкция Π³Π°ΠΌΠΌΡ‹. ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ воздСйствиС производится Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π° Ρ†Π²Π΅Ρ‚Π°, спСцифицированныС Π² CSS; Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΎΡ‚ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ оТидаСтся ΡΠΎΠΏΡ€ΠΎΠ²ΠΎΠΆΠ΄Π°ΡŽΡ‰Π°Ρ ΠΈΡ… собствСнная цвСтовая информация.

ЗначСния Π²Π½Π΅ Π³Π°ΠΌΠΌΡ‹ устройства Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡƒΡΠ΅ΠΊΠ°Ρ‚ΡŒΡΡ: значСния red, green ΠΈ blue обязаны ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²ΠΎΠΉΡ‚ΠΈ Π² Ρ€Π°ΠΌΠΊΠΈ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½Π°, ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅ΠΌΠΎΠ³ΠΎ устройством. Для Ρ‚ΠΈΠΏΠΈΡ‡Π½ΠΎΠ³ΠΎ CRT-ΠΌΠΎΠ½ΠΈΡ‚ΠΎΡ€Π°, Ρ‡ΡŒΡ Π³Π°ΠΌΠΌΠ° устройства - Ρ‚Π° ΠΆΠ΅ самая, Ρ‡Ρ‚ΠΎ ΠΈ sRGB, ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ Ρ‚Ρ€ΠΈ ΠΏΡ€Π°Π²ΠΈΠ»Π° эквивалСнтны:


EM { color: rgb(255,0,0) } /* Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½ Ρ†Π΅Π»Ρ‹Ρ… 0 - 255 */ EM { color: rgb(300,0,0) } /* усСкаСтся Π΄ΠΎ rgb(255,0,0) */ EM { color: rgb(255,-10,0) } /* усСкаСтся Π΄ΠΎ rgb(255,0,0) */ EM { color: rgb(110%, 0%, 0%) } /* усСкаСтся Π΄ΠΎ rgb(100%,0%,0%) */ Π”Ρ€ΡƒΠ³ΠΈΠ΅ устройства, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΠΏΡ€ΠΈΠ½Ρ‚Π΅Ρ€Ρ‹, ΠΈΠΌΠ΅ΡŽΡ‚ Π³Π°ΠΌΠΌΡ‹, ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹Π΅ ΠΎΡ‚ sRGB; Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ†Π²Π΅Ρ‚Π° Π²Π½Π΅ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½Π° 0..255 sRGB Π±ΡƒΠ΄ΡƒΡ‚ ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Π±Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ (Π² ΠΏΡ€Π΅Π΄Π΅Π»Π°Ρ… Π³Π°ΠΌΠΌΡ‹ устройства), Π² Ρ‚ΠΎ врСмя ΠΊΠ°ΠΊ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Ρ†Π²Π΅Ρ‚Π° Π² ΠΏΡ€Π΅Π΄Π΅Π»Π°Ρ… Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½Π° 0..255 sRGB Π±ΡƒΠ΄ΡƒΡ‚ Π²Π½Π΅ Π³Π°ΠΌΠΌΡ‹ устройства ΠΈ Π±ΡƒΠ΄ΡƒΡ‚, Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, усСчСны.


ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅. Π₯отя Ρ†Π²Π΅Ρ‚Π° ΠΌΠΎΠ³ΡƒΡ‚ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ количСство ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹ ΠΈ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΈΡ… Π±ΠΎΠ»Π΅Π΅ Ρ‡ΠΈΡ‚Π°Π±Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Ρ‘Π½Π½Ρ‹Π΅ сочСтания Ρ†Π²Π΅Ρ‚ΠΎΠ² ΠΌΠΎΠ³ΡƒΡ‚ Π²Ρ‹Π·Π²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ Ρƒ людСй, ΡΡ‚Ρ€Π°Π΄Π°ΡŽΡ‰ΠΈΡ… Π½Π°Ρ€ΡƒΡˆΠ΅Π½ΠΈΡΠΌΠΈ восприятия Ρ†Π²Π΅Ρ‚Π°. Если Π’Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ устанавливаСтС Ρ†Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π°, ΠΏΠΎΠ΄Π±ΠΈΡ€Π°ΠΉΡ‚Π΅, поТалуйста, подходящий Ρ†Π²Π΅Ρ‚ ΠΏΠ΅Ρ€Π΅Π΄Π½Π΅Π³ΠΎ ΠΏΠ»Π°Π½Π°.

Π£Π³Π»ΠΎΠ²Ρ‹Π΅ значСния (ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π°Π΅ΠΌΡ‹Π΅ Π² тСкстС <angle>) ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ со Π·Π²ΡƒΠΊΠΎΠ²Ρ‹ΠΌΠΈ Ρ‚Π°Π±Π»ΠΈΡ†Π°ΠΌΠΈ стилСй.

Π˜Ρ… Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ - Π½Π΅ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π·Π½Π°ΠΊ ('+' ΠΈΠ»ΠΈ '-', с '+' ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ), сразу Π·Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ слСдуСт <number>, Π·Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ сразу слСдуСт ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€ Π΅Π΄ΠΈΠ½ΠΈΡ† измСрСния ΡƒΠ³Π»ΠΎΠ².

Π•Π΄ΠΈΠ½ΠΈΡ†Π°ΠΌΠΈ измСрСния ΡƒΠ³Π»ΠΎΠ² ΡΠ²Π»ΡΡŽΡ‚ΡΡ:

[x]. deg: градусы

[x]. grad: Π³Ρ€Π°Π΄Ρ‹

[x]. rad: Ρ€Π°Π΄ΠΈΠ°Π½Ρ‹

Π£Π³Π»ΠΎΠ²Ρ‹Π΅ значСния ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ Π½Π΅Π³Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΌΠΈ. Они Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ Π½ΠΎΡ€ΠΌΠ°Π»ΠΈΠ·ΠΎΠ²Π°Π½Ρ‹ ΠŸΠΠ³Π΅Π½Ρ‚ΠΎΠΌ Π΄ΠΎ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½Π° 0-360deg. НапримСр, -10deg ΠΈ 350deg эквивалСнтны.

Для ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°, ΠΏΡ€Π°Π²Ρ‹ΠΉ ΡƒΠ³ΠΎΠ» - '90deg' ΠΈΠ»ΠΈ '100grad', ΠΈΠ»ΠΈ '1.570796326794897rad'.

Π’Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Π΅ значСния (ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π°Π΅ΠΌΡ‹Π΅ Π² тСкстС <time>) ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ со Π·Π²ΡƒΠΊΠΎΠ²Ρ‹ΠΌΠΈ Ρ‚Π°Π±Π»ΠΈΡ†Π°ΠΌΠΈ стилСй.

Π˜Ρ… Ρ„ΠΎΡ€ΠΌΠ°Ρ‚: <number>, сразу Π·Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ ΠΈΠ΄Ρ‘Ρ‚ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€ Π΅Π΄ΠΈΠ½ΠΈΡ† измСрСния Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ.

Π˜Π΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€Π°ΠΌΠΈ Π΅Π΄ΠΈΠ½ΠΈΡ† измСрСния Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΡΠ²Π»ΡΡŽΡ‚ΡΡ:

[x]. ms: миллисСкунды

[x]. s: сСкунды

ЗначСния Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ Π½Π΅ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ Π½Π΅Π³Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΌΠΈ.

ЗначСния частот (ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π°Π΅ΠΌΡ‹Π΅ Π² тСкстС <frequency>) ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ со Π·Π²ΡƒΠΊΠΎΠ²Ρ‹ΠΌΠΈ каскадными Ρ‚Π°Π±Π»ΠΈΡ†Π°ΠΌΠΈ стилСй.

Π˜Ρ… Ρ„ΠΎΡ€ΠΌΠ°Ρ‚: <number>, сразу Π·Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ ΠΈΠ΄Ρ‘Ρ‚ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€ Π΅Π΄ΠΈΠ½ΠΈΡ† измСрСния частоты.

Π˜Π΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€Π°ΠΌΠΈ Π΅Π΄ΠΈΠ½ΠΈΡ† измСрСния частоты ΡΠ²Π»ΡΡŽΡ‚ΡΡ:

[x]. Hz: Π³Π΅Ρ€Ρ†Ρ‹

[x]. kHz: ΠΊΠΈΠ»ΠΎΠ³Π΅Ρ€Ρ†Ρ‹

ЗначСния частоты Π½Π΅ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ Π½Π΅Π³Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΌΠΈ.

НапримСр, 200Hz (ΠΈΠ»ΠΈ 200hz) - это басовый Π·Π²ΡƒΠΊ, Π° 6kHz (ΠΈΠ»ΠΈ 6khz) - срСдний рСгистр.

Π‘Ρ‚Ρ€ΠΎΠΊΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π·Π°ΠΏΠΈΡΡ‹Π²Π°Ρ‚ΡŒΡΡ Π² Π΄Π²ΠΎΠΉΠ½Ρ‹Ρ… ΠΈΠ»ΠΈ ΠΎΠ΄ΠΈΠ½Π°Ρ€Π½Ρ‹Ρ… ΠΊΠ°Π²Ρ‹Ρ‡ΠΊΠ°Ρ…. Π”Π²ΠΎΠΉΠ½Ρ‹Π΅ ΠΊΠ°Π²Ρ‹Ρ‡ΠΊΠΈ Π½Π΅ ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΡΠ²Π»ΡΡ‚ΡŒΡΡ Π²Π½ΡƒΡ‚Ρ€ΠΈ Π΄Π²ΠΎΠΉΠ½Ρ‹Ρ… ΠΊΠ°Π²Ρ‹Ρ‡Π΅ΠΊ, Ссли Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ½ΠΈ Π½Π΅ вводятся с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ escape-ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ ( '\"' ΠΈΠ»ΠΈ '\22'). Аналогично для ΠΎΠ΄ΠΈΠ½Π°Ρ€Π½ΠΎΠΉ ΠΊΠ°Π²Ρ‹Ρ‡ΠΊΠΈ ("\'" ΠΈΠ»ΠΈ "\27").


"this is a 'string'" "this is a \"string\"" 'this is a "string"' 'this is a \'string\''


Π‘Ρ‚Ρ€ΠΎΠΊΠ° Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ нСпосрСдствСнно ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ Π½Π° Π½ΠΎΠ²ΡƒΡŽ строку. Π§Ρ‚ΠΎΠ±Ρ‹ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ Π½Π° Π½ΠΎΠ²ΡƒΡŽ строку, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ escape-ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ "\A" (16-ричная A - это символ ΠΏΡ€ΠΎΠ³ΠΎΠ½Π° строки Π² Unicode, Π½ΠΎ Π² CSS прСдставляСт ΠΎΠ±Ρ‰Π΅Π΅ ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ для "Π½ΠΎΠ²ΠΎΠΉ строки"). Π‘ΠΌ., Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, свойство 'content'.

МоТно Ρ€Π°Π·Π±ΠΈΠ²Π°Ρ‚ΡŒ строки Π½Π° нСсколько строк, ΠΏΠΎ эстСтичСским ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠΌ сообраТСниям, Π½ΠΎ Π² Ρ‚Π°ΠΊΠΎΠΌ случаС новая строка сама escape'ируСтся ΠΎΠ±Ρ€Π°Ρ‚Π½Ρ‹ΠΌ слэшСм (\). НапримСр, ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ Π΄Π²Π° cΠ΅Π»Π΅ΠΊΡ‚ΠΎΡ€Π° ΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½Π½ΠΎ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹:


A[TITLE="a not s\ o very long title"] {/*...*/} A[TITLE="a not so very long title"] {/*...*/}


Π’Π°Π±Π»ΠΈΡ†Π° стилСй CSS это ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ символов ΠΈΠ· Universal Character Set/Π£Π½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Набора Π‘ΠΈΠΌΠ²ΠΎΠ»ΠΎΠ² (см. [ISO10646] ). Для ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡ΠΈ ΠΈ хранСния эти символы обязаны ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π² ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²ΠΊΠ΅ символов, ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‰Π΅ΠΉ Π½Π°Π±ΠΎΡ€ символов, доступных Π² US-ASCII (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ISO 8859-x, SHIFT JIS ΠΈ Ρ‚.Π΄.). Π§Ρ‚ΠΎΠ±Ρ‹ Ρ…ΠΎΡ€ΠΎΡˆΠ΅Π½ΡŒΠΊΠΎ Ρ€Π°Π·ΠΎΠ±Ρ€Π°Ρ‚ΡŒΡΡ Π² Π½Π°Π±ΠΎΡ€Π°Ρ… символов ΠΈ ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²ΠΊΠ΅, см. ΡΠΏΠ΅Ρ†ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΡŽ HTML 4.0 ( [HTML40] , Π³Π»Π°Π²Ρƒ 5). Π‘ΠΌ. Ρ‚Π°ΠΊΠΆΠ΅ ΡΠΏΠ΅Ρ†ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΡŽ XML 1.0 ( [XML10] , Ρ€Π°Π·Π΄Π΅Π»Ρ‹ 2.2 ΠΈ 4.3.3, ΠΈ ΠŸΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ F.