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

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

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

3

Escape-ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ с ΠΎΠ±Ρ€Π°Ρ‚Π½Ρ‹ΠΌ слэшСм ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ Π°Π²Ρ‚ΠΎΡ€Π°ΠΌ ΠΎΠ±Ρ€Π°Ρ‰Π°Ρ‚ΡŒΡΡ ΠΊ символам, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ Π½Π°ΠΏΡ€ΡΠΌΡƒΡŽ ΠΏΠΎΠΌΠ΅Ρ‰Π΅Π½Ρ‹ Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚. Π’ Ρ‚Π°ΠΊΠΈΡ… случаях ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ ΠΎΠ±Ρ€Π°Ρ‚Π½Ρ‹ΠΉ слэш, послС ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ ΠΈΠ΄ΡƒΡ‚ Π½Π΅ Π±ΠΎΠ»Π΅Π΅ ΡˆΠ΅ΡΡ‚ΠΈ 16-Ρ€ΠΈΡ‡Π½Ρ‹Ρ… Ρ†ΠΈΡ„Ρ€ (0..9A..F), Ρ‡Ρ‚ΠΎ соотвСтствуСт символам ISO 10646 ( [ISO10646] ) с этим числом. Если послС 16-Ρ€ΠΈΡ‡Π½ΠΎΠ³ΠΎ числа ΠΈΠ΄Ρ‘Ρ‚ Ρ†ΠΈΡ„Ρ€Π° ΠΈΠ»ΠΈ Π±ΡƒΠΊΠ²Π°, Ρ‚ΠΎ ΠΊΠΎΠ½Π΅Ρ† числа Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ ΠΎΡ‡ΠΈΡ‰Π΅Π½. Π•ΡΡ‚ΡŒ Π΄Π²Π° способа ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ это:

1ΠΏΡ€ΠΎΠ±Π΅Π» (ΠΈΠ»ΠΈ ΠΈΠ½ΠΎΠΉ символ ΠΏΡ€ΠΎΠ±Π΅Π»Π°): "\26 B" ("&B")

2прСдоставлСниС Ρ‚ΠΎΡ‡Π½ΠΎΠ³ΠΎ 16-Ρ€ΠΈΡ‡Π½ΠΎΠ³ΠΎ числа ΠΈΠ· ΡˆΠ΅ΡΡ‚ΠΈ Ρ†ΠΈΡ„Ρ€: "\000026B" ("&B")

ЀактичСски эти Π΄Π²Π° ΠΌΠ΅Ρ‚ΠΎΠ΄Π° ΠΌΠΎΠΆΠ½ΠΎ ΠΊΠΎΠΌΠ±ΠΈΠ½ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ. Волько ΠΎΠ΄ΠΈΠ½ символ ΠΏΡ€ΠΎΠ±Π΅Π»Π° игнорируСтся послС 16-Ρ€ΠΈΡ‡Π½ΠΎΠΉ escape-ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ. Π—Π°ΠΌΠ΅Ρ‚ΡŒΡ‚Π΅, Ρ‡Ρ‚ΠΎ это ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ "Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹ΠΉ" ΠΏΡ€ΠΎΠ±Π΅Π» послС escape-ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ обязан ΠΈΠ»ΠΈ сам Π±Ρ‹Ρ‚ΡŒ Π²Ρ‹Ρ€Π°ΠΆΠ΅Π½ с использованиСм escape-ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ, ΠΈΠ»ΠΈ ΡƒΠ΄Π²ΠΎΠ΅Π½.

[x]. Escape-ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ с ΠΎΠ±Ρ€Π°Ρ‚Π½Ρ‹ΠΌ слэшСм всСгда Ρ€Π°ΡΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°ΡŽΡ‚ΡΡ ΠΊΠ°ΠΊ Ρ‡Π°ΡΡ‚ΡŒ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€Π° ΠΈΠ»ΠΈ строки (Ρ‚.Π΅. "\7B" это Π½Π΅ пунктуация, Π° "{" - ΠΎΠ½Π°, ΠΈ "\32" допускаСтся Π² Π½Π°Ρ‡Π°Π»Π΅ ΠΈΠΌΠ΅Π½ΠΈ класса, Π° "2" - Π½Π΅Ρ‚).

Π’Π°Π±Π»ΠΈΡ†Π° стилСй любой вСрсии CSS состоит ΠΈΠ· списка ΠΎΠΏΠ΅Ρ€Π°Ρ‚ΠΎΡ€ΠΎΠ² (см. Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΡƒ Π²Ρ‹ΡˆΠ΅). Π•ΡΡ‚ΡŒ Π΄Π²Π° Π²ΠΈΠ΄Π° ΠΎΠΏΠ΅Ρ€Π°Ρ‚ΠΎΡ€ΠΎΠ²: at-ΠΏΡ€Π°Π²ΠΈΠ»Π° ΠΈ Π½Π°Π±ΠΎΡ€Ρ‹ ΠΏΡ€Π°Π²ΠΈΠ». Π’ΠΎΠΊΡ€ΡƒΠ³ ΠΎΠΏΠ΅Ρ€Π°Ρ‚ΠΎΡ€ΠΎΠ² ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ ΠΏΡ€ΠΎΠ±Π΅Π»Ρ‹.

Π’ Π΄Π°Π½Π½ΠΎΠΉ спСцификации выраТСния "нСпосрСдствСнно ΠΏΠ΅Ρ€Π΅Π΄" ΠΈΠ»ΠΈ "сразу послС" ΠΎΠ·Π½Π°Ρ‡Π°ΡŽΡ‚ отсутствиС ΠΏΡ€ΠΎΠ±Π΅Π»ΠΎΠ² ΠΈΠ»ΠΈ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠ΅Π².

At-ΠΏΡ€Π°Π²ΠΈΠ»Π° Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‚ΡΡ at-ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹ΠΌ словом, символом '@', сразу послС ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ слСдуСт ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, '@import', '@page').

At-ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ состоит ΠΈΠ· Π²Ρ‹ΡˆΠ΅Π½Π°Π·Π²Π°Π½Π½ΠΎΠ³ΠΎ ΠΈ ΠΏΠΎΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΉ Ρ‚ΠΎΡ‡ΠΊΠΈ с запятой (;) ΠΈΠ»ΠΈ Π±Π»ΠΎΠΊΠ°, Π² зависимости ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ ΠΈΠ΄Ρ‘Ρ‚ ΠΏΠ΅Ρ€Π²Ρ‹ΠΌ. ПА CSS, ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠΈΠ²Π°ΡŽΡ‰ΠΈΠΉ нСраспознаваСмоС at-ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ, обязан ΠΈΠ³Π½ΠΎΡ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ всё это ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ ΠΈ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠΈΡ‚ΡŒ Ρ€Π°Π·Π±ΠΎΡ€ послС Π½Π΅Π³ΠΎ.

Π’ CSS2 ПА обязан ΠΈΠ³Π½ΠΎΡ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ любоС ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ '@import' , ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ появляСтся Π²Π½ΡƒΡ‚Ρ€ΠΈ Π±Π»ΠΎΠΊΠ° ΠΈΠ»ΠΈ ΠΏΡ€Π΅Π΄ΡˆΠ΅ΡΡ‚Π²ΡƒΠ΅Ρ‚ всСм Π½Π°Π±ΠΎΡ€Π°ΠΌ ΠΏΡ€Π°Π²ΠΈΠ».

ΠŸΡ€Π΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠΈΠΌ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Ρ‡Ρ‚ΠΎ Ρ€Π°Π·Π±ΠΎΡ€Ρ‰ΠΈΠΊ CSS2 ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ Ρ‚Π°ΠΊΡƒΡŽ Ρ‚Π°Π±Π»ΠΈΡ†Ρƒ стилСй:


@import "subs.css"; H1 { color: blue } @import "list.css";


Π’Ρ‚ΠΎΡ€ΠΎΠ΅ '@import', Π² соотвСтствии с CSS2, нСдопустимо. Π Π°Π·Π±ΠΎΡ€Ρ‰ΠΈΠΊ CSS2 ΠΈΠ³Π½ΠΎΡ€ΠΈΡ€ΡƒΠ΅Ρ‚ всё at-ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ, сокращая Ρ‚Π°Π±Π»ΠΈΡ†Ρƒ стилСй Π΄ΠΎ:


@import "subs.css"; H1 { color: blue }


Π—Π΄Π΅ΡΡŒ Π²Ρ‚ΠΎΡ€ΠΎΠ΅ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ '@import' - Π½Π΅Π²Π΅Ρ€Π½ΠΎΠ΅, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ появляСтся Π²Π½ΡƒΡ‚Ρ€ΠΈ Π±Π»ΠΎΠΊΠ° '@media'.


@import "subs.css"; @media print { @import "print-main.css"; BODY { font-size: 10pt } } H1 {color: blue }


Π‘Π»ΠΎΠΊ начинаСтся с Π»Π΅Π²ΠΎΠΉ Ρ„ΠΈΠ³ΡƒΡ€Π½ΠΎΠΉ скобки ({) ΠΈ заканчиваСтся ΠΏΠ°Ρ€Π½ΠΎΠΉ ΠΏΡ€Π°Π²ΠΎΠΉ скобкой (}). ΠœΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π½Π°Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ Π»ΡŽΠ±Ρ‹Π΅ символы, ΠΊΡ€ΠΎΠΌΠ΅ скобок (( )), ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π½Ρ‹Ρ… скобок ([ ]) ΠΈ Ρ„ΠΈΠ³ΡƒΡ€Π½Ρ‹Ρ… скобок ({ }), ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ обязаны всСгда ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π² ΠΏΠ°Ρ€Π΅ ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π²ΠΊΠ»Π°Π΄Ρ‹Π²Π°Ρ‚ΡŒΡΡ. ΠžΠ΄ΠΈΠ½ΠΎΡ‡Π½Ρ‹Π΅ (') ΠΈ Π΄Π²ΠΎΠΉΠ½Ρ‹Π΅ (") ΠΊΠ°Π²Ρ‹Ρ‡ΠΊΠΈ Ρ‚Π°ΠΊΠΆΠ΅ обязаны ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΏΠ°Ρ€Π°ΠΌΠΈ, Π° символы ΠΌΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈ Ρ€Π°Π·Π±ΠΈΡ€Π°ΡŽΡ‚ΡΡ ΠΊΠ°ΠΊ строка\string. Π‘ΠΌ. Π²Ρ‹ΡˆΠ΅ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ строки Π² ЛСксичСском Ρ€Π°Π·Π±ΠΎΡ€Π΅.

Π­Ρ‚ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Π±Π»ΠΎΠΊΠ°. ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ правая скобка ΠΌΠ΅ΠΆΠ΄Ρƒ Π΄Π²ΠΎΠΉΠ½Ρ‹ΠΌΠΈ ΠΊΠ°Π²Ρ‹Ρ‡ΠΊΠ°ΠΌΠΈ Π½Π΅ ΠΎΠ±Ρ€Π°Π·ΡƒΠ΅Ρ‚ ΠΏΠ°Ρ€Ρ‹ с ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΉ скобкой Π±Π»ΠΎΠΊΠ°, Π° вторая одиночная ΠΊΠ°Π²Ρ‹Ρ‡ΠΊΠ° - это escape-символ, Π½Π΅ ΠΎΠ±Ρ€Π°Π·ΡƒΡŽΡ‰ΠΈΠΉ ΠΏΠ°Ρ€Ρ‹ с ΠΏΠ΅Ρ€Π²ΠΎΠΉ ΠΎΠ΄ΠΈΠ½ΠΎΡ‡Π½ΠΎΠΉ ΠΊΠ°Π²Ρ‹Ρ‡ΠΊΠΎΠΉ:


{ causta: "}" + ({7} * '\'') }


Π—Π°ΠΌΠ΅Ρ‚ΡŒΡ‚Π΅, Ρ‡Ρ‚ΠΎ это Π½Π΅Π²Π΅Ρ€Π½ΠΎΠ΅ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ CSS2, ΠΎΠ±Ρ€Π°Π·ΡƒΡŽΡ‰Π΅Π΅, Ρ‚Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅, Π±Π»ΠΎΠΊ, ΠΊΠ°ΠΊ ΡƒΠΊΠ°Π·Π°Π½ΠΎ Π²Ρ‹ΡˆΠ΅.

Набор ΠΏΡ€Π°Π²ΠΈΠ» (Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΡ‹ΠΉ Ρ‚Π°ΠΊΠΆΠ΅ "ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ") состоит ΠΈΠ· cΠ΅Π»Π΅ΠΊΡ‚ΠΎΡ€Π° с ΠΏΠΎΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ Π±Π»ΠΎΠΊΠΎΠΌ объявлСний.

Π‘Π»ΠΎΠΊ объявлСний (Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΡ‹ΠΉ Ρ‚Π°ΠΊΠΆΠ΅ Π² ΠΏΠΎΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ тСкстС {}-Π±Π»ΠΎΠΊΠΎΠΌ) начинаСтся с Π»Π΅Π²ΠΎΠΉ Ρ„ΠΈΠ³ΡƒΡ€Π½ΠΎΠΉ скобки ({) ΠΈ заканчиваСтся ΠΏΠ°Ρ€Π½ΠΎΠΉ ΠΏΡ€Π°Π²ΠΎΠΉ скобкой (}). ΠœΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈ ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π°Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ список ΠΈΠ· 0 ΠΈΠ»ΠΈ Π±ΠΎΠ»Π΅Π΅ Ρ€Π°Π·Π΄Π΅Π»Ρ‘Π½Π½Ρ‹Ρ… Ρ‚ΠΎΡ‡ΠΊΠΎΠΉ с запятой (;) объявлСний.

CΠ΅Π»Π΅ΠΊΡ‚ΠΎΡ€ (см. Ρ‚Π°ΠΊΠΆΠ΅ Ρ€Π°Π·Π΄Π΅Π» Π‘Π΅Π»Π΅ΠΊΡ‚ΠΎΡ€Ρ‹) состоит ΠΈΠ· Ρ‡Π΅Π³ΠΎ-Π»ΠΈΠ±ΠΎ, ΠΏΡ€Π΅Π΄ΡˆΠ΅ΡΡ‚Π²ΡƒΡŽΡ‰Π΅Π³ΠΎ ΠΏΠ΅Ρ€Π²ΠΎΠΉ скобкС (Π½ΠΎ Π½Π΅ Π²ΠΊΠ»ΡŽΡ‡Π°Ρ) ({). CΠ΅Π»Π΅ΠΊΡ‚ΠΎΡ€ всСгда ΠΈΠ΄Ρ‘Ρ‚ вмСстС с {}-Π±Π»ΠΎΠΊΠΎΠΌ. Если ПА Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ Ρ€Π°Π·ΠΎΠ±Ρ€Π°Ρ‚ΡŒ cΠ΅Π»Π΅ΠΊΡ‚ΠΎΡ€ (Ρ‚.Π΅. Ссли ΠΎΠ½ Π½Π΅Π²Π΅Ρ€Π΅Π½ Π² CSS2), ΠΎΠ½ обязан Ρ‚Π°ΠΊΠΆΠ΅ ΠΈΠ³Π½ΠΎΡ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ {}-Π±Π»ΠΎΠΊ.

Π’ CSS2 запятая (,) ΠΈΠΌΠ΅Π΅Ρ‚ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Π² cΠ΅Π»Π΅ΠΊΡ‚ΠΎΡ€Π°Ρ…. Однако, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Π½Π΅ извСстно, ΠΏΡ€ΠΈΠΌΠ΅Ρ‚ Π»ΠΈ запятая ΠΈΠ½Ρ‹Π΅ значСния Π² ΠΏΠΎΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… вСрсиях CSS, вСсь ΠΎΠΏΠ΅Ρ€Π°Ρ‚ΠΎΡ€ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ ΠΏΡ€ΠΎΠΈΠ³Π½ΠΎΡ€ΠΈΡ€ΠΎΠ²Π°Π½, Ссли Π³Π΄Π΅-Π»ΠΈΠ±ΠΎ Π² сСлСкторС имССтся ошибка, Π΄Π°ΠΆΠ΅ Ссли ΠΎΡΡ‚Π°Π»ΡŒΠ½Π°Ρ Ρ‡Π°ΡΡ‚ΡŒ cΠ΅Π»Π΅ΠΊΡ‚ΠΎΡ€Π° выглядит ΠΊΠ°ΠΊ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰Π°Ρ CSS2.

НапримСр, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ "&" это нСвСрная лСксСма Π² сСлСкторС CSS2, ПА CSS2 обязан ΠΈΠ³Π½ΠΎΡ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ всю Π²Ρ‚ΠΎΡ€ΡƒΡŽ строку ΠΈ Π½Π΅ ΡƒΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°Ρ‚ΡŒ красный Ρ†Π²Π΅Ρ‚ Π² H3:


H1, H2 {color: green } H3, H4 & H5 {color: red } H6 {color: black } Π­Ρ‚ΠΎ Π±ΠΎΠ»Π΅Π΅ слоТный ΠΏΡ€ΠΈΠΌΠ΅Ρ€. ΠŸΠ΅Ρ€Π²Ρ‹Π΅ Π΄Π²Π΅ ΠΏΠ°Ρ€Ρ‹ Ρ„ΠΈΠ³ΡƒΡ€Π½Ρ‹Ρ… скобок находятся Π²Π½ΡƒΡ‚Ρ€ΠΈ строки ΠΈ Π½Π΅ ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π°ΡŽΡ‚ ΠΊΠΎΠ½Π΅Ρ† cΠ΅Π»Π΅ΠΊΡ‚ΠΎΡ€Π°. Π­Ρ‚ΠΎ - Π²Π΅Ρ€Π½Ρ‹ΠΉ ΠΎΠΏΠ΅Ρ€Π°Ρ‚ΠΎΡ€ CSS2. P[example="public class foo\ {\ private int x;\ \ foo(int x) {\ this.x = x;\ }\ \ }"] { color: red }


ОбъявлСниС ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ пустым ΠΈΠ»ΠΈ ΡΠΎΡΡ‚ΠΎΡΡ‚ΡŒ ΠΈΠ· свойства с ΠΏΠΎΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌΠΈ Π΄Π²ΠΎΠ΅Ρ‚ΠΎΡ‡ΠΈΠ΅ΠΌ (:) ΠΈ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ. Π’ΠΎΠΊΡ€ΡƒΠ³ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΈΠ· Π½ΠΈΡ… ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ ΠΏΡ€ΠΎΠ±Π΅Π»Ρ‹.

Π’ зависимости ΠΎΡ‚ способа Ρ€Π°Π±ΠΎΡ‚Ρ‹ cΠ΅Π»Π΅ΠΊΡ‚ΠΎΡ€Π°, нСсколько объявлСний для ΠΎΠ΄Π½ΠΎΠ³ΠΎ cΠ΅Π»Π΅ΠΊΡ‚ΠΎΡ€Π° ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ упорядочСны Ρ‚ΠΎΡ‡ΠΊΠΎΠΉ с запятой (;), Ρ€Π°Π·Π΄Π΅Π»ΡΡŽΡ‰Π΅ΠΉ Π³Ρ€ΡƒΠΏΠΏΡ‹.


Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ ΠΏΡ€Π°Π²ΠΈΠ»Π°: H1 { font-weight: bold } H1 { font-size: 12pt } H1 { line-height: 14pt } H1 { font-family: Helvetica } H1 { font-variant: normal } H1 { font-style: normal } эквивалСнтны: H1 { font-weight: bold; font-size: 12pt; line-height: 14pt; font-family: Helvetica; font-variant: normal; font-style: normal }


Cвойства это ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€Ρ‹. ΠœΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π½Π°Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ Π»ΡŽΠ±Ρ‹Π΅ символы, ΠΊΡ€ΠΎΠΌΠ΅ скобок (( )), ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π½Ρ‹Ρ… скобок ([ ]) ΠΈ Ρ„ΠΈΠ³ΡƒΡ€Π½Ρ‹Ρ… скобок ({ }), ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ обязаны всСгда ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π² ΠΏΠ°Ρ€Π΅, Π° Ρ‚ΠΎΡ‡ΠΊΠ° с запятой Π²Π½Π΅ строки обязана Π²Π²ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ с использованиСм escape-ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ. Π£Π³Π»ΠΎΠ²Ρ‹Π΅, ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π½Ρ‹Π΅ ΠΈ ΠΊΡ€ΡƒΠ³Π»Ρ‹Π΅ скобки ΠΌΠΎΠ³ΡƒΡ‚ Π²ΠΊΠ»Π°Π΄Ρ‹Π²Π°Ρ‚ΡŒΡΡ. Π’Π½ΡƒΡ‚Ρ€ΠΈ ΠΊΠ°Π²Ρ‹Ρ‡Π΅ΠΊ символы Ρ€Π°Π·Π±ΠΈΡ€Π°ΡŽΡ‚ΡΡ ΠΊΠ°ΠΊ строка.

Бинтаксис Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ спСцифицируСтся ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎ для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ cвойства, Π½ΠΎ, Π² любом случаС, значСния выводятся ΠΈΠ· ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€ΠΎΠ², строк, чисСл, Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ², ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚ΠΎΠ², URI, Ρ†Π²Π΅Ρ‚ΠΎΠ², ΡƒΠ³Π»ΠΎΠ², Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΠΈ частот.

ПА обязан ΠΈΠ³Π½ΠΎΡ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ объявлСниС с Π½Π΅Π²Π΅Ρ€Π½Ρ‹ΠΌ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ cвойства ΠΈΠ»ΠΈ Π½Π΅Π²Π΅Ρ€Π½Ρ‹ΠΌ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ. КаТдоС свойство CSS2 ΠΈΠΌΠ΅Π΅Ρ‚ свой собствСнный синтаксис ΠΈ сСмантичСскиС ограничСния для ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Π΅ΠΌΡ‹Ρ… Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ.

ΠŸΡ€Π΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠΈΠΌ, Ρ‡Ρ‚ΠΎ Ρ€Π°Π·Π±ΠΎΡ€Ρ‰ΠΈΠΊ CSS2 ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ Ρ‚Π°ΠΊΡƒΡŽ Ρ‚Π°Π±Π»ΠΈΡ†Ρƒ стилСй:


H1 { color: red; font-style: 12pt } /* НСвСрноС Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅: 12pt */ P { color: blue; font-vendor: any; /* НСвСрноС свойство: font-vendor */ font-variant: small-caps } EM EM { font-style: normal }


Π’Ρ‚ΠΎΡ€ΠΎΠ΅ объявлСниС Π² ΠΏΠ΅Ρ€Π²ΠΎΠΉ строкС ΠΈΠΌΠ΅Π΅Ρ‚ Π½Π΅Π²Π΅Ρ€Π½ΠΎΠ΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ '12pt'. Π’Ρ‚ΠΎΡ€ΠΎΠ΅ объявлСниС Π²Ρ‚ΠΎΡ€ΠΎΠΉ строки содСрТит Π½Π΅ΠΎΠΏΡ€Π΅Π΄Π΅Π»Ρ‘Π½Π½ΠΎΠ΅ свойство 'font-vendor'. Π Π°Π·Π±ΠΎΡ€Ρ‰ΠΈΠΊ CSS2 Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΠ³Π½ΠΎΡ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ эти объявлСния, ΡƒΠΌΠ΅Π½ΡŒΡˆΠ°Ρ Ρ‚Π°Π±Π»ΠΈΡ†Ρƒ Π΄ΠΎ:


H1 { color: red; } P { color: blue; font-variant: small-caps } EM EM { font-style: normal }


ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‚ΡΡ символом "/*" ΠΈ Π·Π°ΠΊΠ°Π½Ρ‡ΠΈΠ²Π°ΡŽΡ‚ΡΡ символом "*/". Они ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΡΠ²Π»ΡΡ‚ΡŒΡΡ Π² любом мСстС ΠΌΠ΅ΠΆΠ΄Ρƒ лСксСмами, ΠΈ ΠΈΡ… содСрТимоС Π½Π΅ влияСт Π½Π° прСдставлСниС Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°. ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ Π½Π΅ ΠΌΠΎΠ³ΡƒΡ‚ Π²ΠΊΠ»Π°Π΄Ρ‹Π²Π°Ρ‚ΡŒΡΡ.

CSS допускаСт Ρ‚Π°ΠΊΠΆΠ΅ SGML-ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡ΠΈΡ‚Π΅Π»ΠΈ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠ΅Π² ("<!--" ΠΈ "-->") Π² ΠΎΠΏΡ€Π΅Π΄Π΅Π»Ρ‘Π½Π½Ρ‹Ρ… мСстах, Π½ΠΎ это Π½Π΅ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ CSS. Они Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½Ρ‹ для Π²Π²ΠΎΠ΄Π° ΠΏΡ€Π°Π²ΠΈΠ» стиля Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅-источникС HTML (Π² элСмСнтС STYLE), Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΏΡ€ΡΡ‚Π°Ρ‚ΡŒ эти ΠΏΡ€Π°Π²ΠΈΠ»Π° ΠΎΡ‚ Π΄ΠΎ-HTML 3.2 ΠŸΠΠ³Π΅Π½Ρ‚ΠΎΠ². Π‘ΠΌ. ΡΠΏΠ΅Ρ†ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΡŽ HTML 4.0 ( [HTML40] ).

Π’ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… случаях ПА обязан ΠΈΠ³Π½ΠΎΡ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ‡Π°ΡΡ‚ΡŒ Π½Π΅Π²Π΅Ρ€Π½ΠΎΠΉ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй. Π’ этой спСцификации ΠΈΠ³Π½ΠΎΡ€ΠΈΡ€ΡƒΠ΅Ρ‚ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ПА Ρ€Π°Π·Π±ΠΈΡ€Π°Π΅Ρ‚ Π½Π΅Π²Π΅Ρ€Π½ΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ (Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ Π΅Ρ‘ Π½Π°Ρ‡Π°Π»ΠΎ ΠΈ ΠΊΠΎΠ½Π΅Ρ†), Π½ΠΎ дСйствуСт Ρ‚Π°ΠΊ, ΠΊΠ°ΠΊ Π±ΡƒΠ΄Ρ‚ΠΎ Π΅Ρ‘ Π½Π΅Ρ‚.

Для Π³Π°Ρ€Π°Π½Ρ‚ΠΈΠΉ Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ Π½ΠΎΠ²Ρ‹Π΅ cвойства ΠΈ Π½ΠΎΠ²Ρ‹Π΅ значСния для ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΡ… свойств смогут Π±Ρ‹Ρ‚ΡŒ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Ρ‹ Π² Π±ΡƒΠ΄ΡƒΡ‰Π΅ΠΌ, ΠΎΡ‚ ПА трСбуСтся соблюдСниС ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… ΠΏΡ€Π°Π²ΠΈΠ» ΠΏΡ€ΠΈ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… сцСнариСв:

[x]. НСизвСстныС cвойства. ПА обязан ΠΈΠ³Π½ΠΎΡ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ объявлСниС с нСизвСстным свойством. НапримСр, Ссли Π² Ρ‚Π°Π±Π»ΠΈΡ†Π΅ стилСй ΡƒΠΊΠ°Π·Π°Π½ΠΎ:

H1 { color: red; rotation: 70minutes }


ПА Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°ΡΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ это, ΠΊΠ°ΠΊ Ссли Π±Ρ‹ Π² Ρ‚Π°Π±Π»ΠΈΡ†Π΅ Π±Ρ‹Π»ΠΎ:


H1 { color: red }


[x]. НСвСрныС значСния. ПА обязан ΠΈΠ³Π½ΠΎΡ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ объявлСниС с Π½Π΅Π²Π΅Ρ€Π½Ρ‹ΠΌ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ. НапримСр:

" IMG { float: left } /* ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎ Π² CSS2 */ " IMG { float: left here } /* "here" это Π½Π΅Π²Π΅Ρ€Π½ΠΎΠ΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ для 'float' */ " IMG { background: "red" } /* ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ слова CSS2 Π½Π΅ ΠΌΠΎΠ³ΡƒΡ‚ Π²Π²ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ Π² ΠΊΠ°Π²Ρ‹Ρ‡ΠΊΠ°Ρ… */ " IMG { border-width: 3 } /* для Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ ΡƒΠΊΠ°Π·Π°Π½Ρ‹ Π΅Π΄ΠΈΠ½ΠΈΡ†Ρ‹ измСрСния */


Π Π°Π·Π±ΠΎΡ€Ρ‰ΠΈΠΊ CSS2 ΠΏΡ€ΠΈΠΌΠ΅Ρ‚ ΠΏΠ΅Ρ€Π²ΠΎΠ΅ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ ΠΈ ΠΏΡ€ΠΎΠΈΠ³Π½ΠΎΡ€ΠΈΡ€ΡƒΠ΅Ρ‚ ΠΎΡΡ‚Π°Π»ΡŒΠ½Ρ‹Π΅, ΠΊΠ°ΠΊ Ссли Π±Ρ‹ Ρ‚Π°Π±Π»ΠΈΡ†Π° Π±Ρ‹Π»Π° Ρ‚Π°ΠΊΠΎΠΉ:


IMG { float: left } IMG { } IMG { } IMG { }


ПА, ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΉ Π±ΡƒΠ΄ΡƒΡ‰ΠΈΠΌ спСцификациям CSS, ΠΌΠΎΠΆΠ΅Ρ‚ ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°Ρ‚ΡŒ Ρ‚Π°ΠΊΠΆΠ΅ ΠΎΠ΄Π½ΠΎ ΠΈΠ»ΠΈ Π±ΠΎΠ»Π΅Π΅ ΠΈΠ· ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… ΠΏΡ€Π°Π²ΠΈΠ».