рТЙМПЦЕОЙЕ B. пФМЙЮЙС ПФ CSS1
ьФП РТЙМПЦЕОЙЕ ОЕ СЧМСЕФУС ОПТНБФЙЧОЩН, Б ОПУЙФ ФПМШЛП ЙОЖПТНБФЙЧОЩК ИБТБЛФЕТ.
CSS2 ВБЪЙТХЕФУС ОБ CSS1, ФБЛ ЮФП ЧУЕ ФБВМЙГЩ УФЙМЕК, ДПРХУФЙНЩЕ Ч CSS1, ДПРХУФЙНЩ Й Ч CSS2. тБЪМЙЮЙС НЕЦДХ УРЕГЙЖЙЛБГЙЕК CSS1 (УН. [CSS1]) Й ОБУФПСЭЕК УРЕГЙЖЙЛБГЙЕК ТБЪДЕМЕОЩ ОБ ФТЙ ЗТХРРЩ: ОПЧЩЕ ЖХОЛГЙПОБМШОЩЕ ЧПЪНПЦОПУФЙ, ПВОПЧМЕООЩЕ ПРЙУБОЙС ЖХОЛГЙПОБМШОЩИ ЧПЪНПЦОПУФЕК CSS1 Й ЙЪНЕОЕОЙС Ч CSS1.
ч ДПРПМОЕОЙЕ Л ФЕН ЖХОЛГЙПОБМШОЩН ЧПЪНПЦОПУФСН, ЛПФПТЩЕ ХЦЕ УХЭЕУФЧПЧБМЙ Ч CSS1, Ч CSS2 ЧЧЕДЕОБ РПДДЕТЦЛБ:
- йДЕПМПЗЙЙ ФЙРПЧ ХУФТПКУФЧ.
- ъОБЮЕОЙС 'inherit' ДМС ЧУЕИ УЧПКУФЧ.
- хУФТПКУФЧ У РПУФТБОЙЮОПК ТБЪВЙЧЛПК.
- ъЧХЛПЧЩИ ФБВМЙГ УФЙМЕК.
- жХОЛГЙК ЙОФЕТОБГЙПОБМЙЪБГЙЙ, ЧЛМАЮБС УФЙМЙ ОХНЕТБГЙЙ УРЙУЛПЧ, РПДДЕТЦЛХ ДЧХОБРТБЧМЕООПЗП ЧЧПДБ ФЕЛУФБ Й РПДДЕТЦЛХ ЛБЧЩЮЕЛ ДМС ТБЪМЙЮОЩИ СЪЩЛПЧ.
- нЕИБОЙЪНПЧ НОПЗПЬФБРОПЗП ЧЩВПТБ ЫТЙЖФПЧ, ЧЛМАЮБС ЙИ УЙОФЕЪ, ЪБЗТХЪЛХ Й ЙОФЕММЕЛФХБМШОПЕ УПРПУФБЧМЕОЙЕ. лТПНЕ ФПЗП, ЧЧЕДЕОП РПОСФЙЕ УЙУФЕНОЩИ ЫТЙЖФПЧ, Й ДПВБЧМЕОП ОПЧПЕ УЧПКУФЧП 'font-size-adjust'.
- фБВМЙГ, ЧЛМАЮБС ОПЧЩЕ ЪОБЮЕОЙС УЧПКУФЧ 'display' Й 'vertical-
align'.
- пФОПУЙФЕМШОПЗП Й БВУПМАФОПЗП РПЪЙГЙПОЙТПЧБОЙС, ЧЛМАЮБС ЖЙЛУЙТПЧБООПЕ РПЪЙГЙПОЙТПЧБОЙЕ.
- оПЧЩИ ФЙРПЧ ВМПЛПЧ (ОБТСДХ УП УФТХЛФХТОЩНЙ Й УФТПЛПЧЩНЙ): ЛПНРБЛФОЩИ Й
ЙОЙГЙЙТХАЭЙИ.
- чПЪНПЦОПУФЙ ПУХЭЕУФЧМЕОЙС ЛПОФТПМС ОБД УПДЕТЦЙНЩН Ч НПДЕМЙ ЧЙЪХБМШОПЗП ЖПТНБФЙТПЧБОЙС: ЕЗП РЕТЕРПМОЕОЙЕН, ХУЕЮЕОЙЕН Й ЧЙДЙНПУФША.
- чПЪНПЦОПУФЙ ПРТЕДЕМЕОЙС НЙОЙНБМШОЩИ Й НБЛУЙНБМШОЩИ ЪОБЮЕОЙК ЫЙТЙОЩ Й ЧЩУПФЩ Ч НПДЕМЙ ЧЙЪХБМШОПЗП ЖПТНБФЙТПЧБОЙС.
- тБУЫЙТЕООЩК НЕИБОЙЪН УЕМЕЛФПТПЧ, ЧЛМАЮБС УЕМЕЛФПТЩ ДПЮЕТОЙИ Й УНЕЦОЩИ ЬМЕНЕОФПЧ, Б ФБЛЦЕ УЕМЕЛФПТЩ БФТЙВХФПЧ.
- зЕОЕТЙТХЕНПЗП УПДЕТЦЙНПЗП, БЧФПНБФЙЮЕУЛПК ОХНЕТБГЙЙ Й УЮЕФЮЙЛПЧ, Б ФБЛЦЕ НБТЛЕТПЧ.
- ьЖЖЕЛФПЧ ЪБФЕОЕОЙС ФЕЛУФБ, ДПУФХРОЩИ ВМБЗПДБТС ОПЧПНХ УЧПКУФЧХ 'text-shadow'.
- оЕУЛПМШЛЙИ ОПЧЩИ РУЕЧДПЛМБУУПЧ, ФБЛЙИ ЛБЛ :first-child, :hover, :focus Й :lang.
- уЙУФЕНОЩИ ГЧЕФПЧ Й ЫТЙЖФПЧ.
- лХТУПТПЧ.
- дЙОБНЙЮЕУЛЙИ ЛПОФХТПЧ.
уРЕГЙЖЙЛБГЙС CSS1 ВЩМБ ЛТБФЛПК Й МБЛПОЙЮОПК. оБУФПСЭБС УРЕГЙЖЙЛБГЙС ПЛБЪЩЧБЕФУС ВПМЕЕ ПВЯЕНОПК Й ХДПВОПК ДМС ЮФЕОЙС. иПФС ЕЕ ДПРПМОЙФЕМШОПЕ УПДЕТЦБОЙЕ ВПМШЫЕК ЮБУФША РПУЧСЭЕОП ПРЙУБОЙА ОПЧЩИ ЖХОЛГЙПОБМШОЩИ ЧПЪНПЦОПУФЕК, ПОП, ФЕН ОЕ НЕОЕЕ, УХЭЕУФЧЕООП ТБУЫЙТСЕФ ПРЙУБОЙЕ ЖХОЛГЙК CSS1. ъБ ЙУЛМАЮЕОЙЕН ОЕЛПФПТЩИ УМХЮБЕЧ, ПРЙУБООЩИ ОЙЦЕ, РЕТЕРЙУБООЩЕ ПРЙУБОЙС ОЕ ЙНЕМЙ ОЙЛБЛЙИ ЙЪНЕОЕОЙК ОЙ Ч УЙОФБЛУЙУЕ, ОЙ Ч УЕНБОФЙЛЕ.
рПУЛПМШЛХ ЧУЕ ФБВМЙГЩ УФЙМЕК CSS1 ДПРХУФЙНЩ Ч CSS2, ФП Ч ТСДЕ УМХЮБЕЧ РТЙ РЕТЕЧПДЕ ФБВМЙГ УФЙМЕК ЙЪ CSS1 Ч CSS2 ПОЙ НПЗХФ РТЙОЙНБФШ ЙОПЕ ЪОБЮЕОЙЕ. вПМШЫЙОУФЧП ЙЪНЕОЕОЙК Ч ЬФПК УРЕГЙЖЙЛБГЙЙ ЧОЕУЕОП ВМБЗПДБТС ПВТБФОПК УЧСЪЙ У РПМШЪПЧБФЕМСНЙ, ОП ЧНЕУФЕ У ЬФЙН ОЕЛПФПТЩЕ НПДЙЖЙЛБГЙЙ ВЩМЙ ПВХУМПЧМЕОЩ ОБМЙЮЙЕН ПЫЙВПЛ.
- вЩМБ ЙЪНЕОЕОБ УЕНБОФЙЛБ РТБЧЙМБ "!important". ч CSS1 РТБЧЙМП "!important" Ч ФБВМЙГЕ УФЙМЕК ТБЪТБВПФЮЙЛБ ЙНЕЕФ ВПМЕЕ ЧЩУПЛЙК РТЙПТЙФЕФ РП УТБЧОЕОЙА У ФЕН ЦЕ РТБЧЙМПН Ч РПМШЪПЧБФЕМШУЛПК ФБВМЙГЕ УФЙМЕК. ч CSS2 ЧУЕ ОБПВПТПФ.
- ч CSS2 ЪОБЮЕОЙС ГЧЕФПЧ ПЗТБОЙЮЕОЩ ГЧЕФПЧПК ЗБННПК ХУФТПКУФЧБ, Б ОЕ РТПУФТБОУФЧПН sRGB, ЛБЛ Ч CSS1.
- ч CSS1 РТПУФП ЗПЧПТЙМПУШ, ЮФП УЧПКУФЧП 'margin-right' ЙЗОПТЙТХЕФУС, ЕУМЙ ПВПЙН УЧПКУФЧБН 'margin-left' Й 'width' РТЙУЧПЕОЩ ЪОБЮЕОЙС. ч CSS2 ЧЩВПТ НЕЦДХ ФЕН, ЛБЛПЕ УЧПКУФЧП - 'margin-right' ЙМЙ 'margin-left' - ВХДЕФ ЙЗОПТЙТПЧБФШУС, ЪБЧЙУЙФ ПФ ОБРТБЧМЕОЙС ЧЧПДБ ФЕЛУФБ.
- ч CSS1 ОЕЛПФПТЩЕ УЧПКУФЧБ (ОБРТЙНЕТ, 'padding') ЙНЕМЙ ЪОБЮЕОЙС, ЪБДБЧБЕНЩЕ ПФОПУЙФЕМШОП ЫЙТЙОЩ ТПДЙФЕМШУЛПЗП ЬМЕНЕОФБ. ьФП ВЩМП ПЫЙВЛПК, Ф.Л. ЬФЙ ЪОБЮЕОЙС УМЕДПЧБМП ЪБДБЧБФШ ПФОПУЙФЕМШОП ЫЙТЙОЩ ЬМЕНЕОФБ ХТПЧОС ВМПЛБ. ч УЧСЪЙ У ЬФЙН Ч ОБУФПСЭЕК УРЕГЙЖЙЛБГЙЙ ВЩМП ЧЧЕДЕОП РПОСФЙЕ "ЛПОФЕКОЕТ".
- ч CSS2 ОБЮБМШОЩН ЪОБЮЕОЙЕН УЧПКУФЧБ 'display' СЧМСЕФУС 'inline', Б ОЕ 'block', ЛБЛ Ч CSS1.
- ч CSS1 УЧПКУФЧП 'clear' РТЙНЕОСМПУШ ЛП ЧУЕН ЬМЕНЕОФБН, ЮФП ПЛБЪБМПУШ ПЫЙВЛПК. ч CSS2 ДБООПЕ УЧПКУФЧП РТЙНЕОСЕФУС ФПМШЛП Л ЬМЕНЕОФБН ХТПЧОС ВМПЛБ.
- ч CSS1 РУЕЧДПЛМБУУЩ ':link', ':visited' Й ':active' ВЩМЙ ЧЪБЙНПЙУЛМАЮБАЭЙНЙ. фЕРЕТШ Ч CSS2 РУЕЧДПЛМБУУ ':active' НПЦЕФ ЧУФТЕЮБФШУС ЧНЕУФЕ У РУЕЧДПЛМБУУБНЙ ':link' ЙМЙ ':visited'.
- рТЕДМПЦЕООЩК ЛПЬЖЖЙГЙЕОФ НБУЫФБВЙТПЧБОЙС НЕЦДХ УПУЕДОЙНЙ ЪОБЮЕОЙСНЙ УЧПКУФЧБ 'font-size' Ч ФБВМЙГЕ ТБЪНЕТПЧ ЫТЙЖФПЧ ХНЕОШЫЕО У 1.5 ДП 1.2.
- оБУМЕДХЕНЩН ЪОБЮЕОЙЕН УЧПКУФЧБ 'font-size' ФЕРЕТШ СЧМСЕФУС ЧЩЮЙУМСЕНПЕ ЪОБЮЕОЙЕ, Б ОЕ ЖБЛФЙЮЕУЛПЕ.
- ч CSS1 Ч ПРЙУБОЙЙ УЧПКУФЧБ 'inside' (ДМС 'list-style-position') ДПРХУЛБМБУШ УЙФХБГЙС, ЛПЗДБ МЕЧПЕ РПМЕ ФЕЛУФБ НПЗМП ЙЪНЕОСФШУС, Б РПЪЙГЙС НБТЛЕТБ ОЕФ. ч CSS2 ЬФП ДПРХЭЕОЙЕ ЙУЛМАЮЕОП.
- пВТБФЙФЕУШ ФБЛЦЕ Л ОПТНБФЙЧОПНХ ТБЪДЕМХ, РПУЧСЭЕООПНХ ТБЪМЙЮЙСН Ч УРПУПВБИ ТБЪНЕФЛЙ, ЙУРПМШЪХЕНЩИ Ч CSS1 Й CSS2.