яХМРЮЙЯХЯ   

тНПЛЮКЭМН ЯРХКЭ НРНАПЮФЕМХЪ ЩКЕЛЕМРНБ ПЮГЛЕРЙХ ГЮДЮЕРЯЪ ЯЯШКЙНИ Б ЩКЕЛЕМРЕ ПЮГЛЕРЙХ МЮ ЯЕКЕЙРНП ЯРХКЪ. яХМРЮЙЯХЯ НОХЯЮМХЪ ЯРХКЕИ Б НАЫЕЛ БХДЕ ОПЕДЯРЮБКЪЕРЯЪ ЯКЕДСЧЫХЛ НАПЮГНЛ:

selector[, selector[, ...]]{attribute:value;[atribute:value;...]}
ХКХ
selector selector [selector ...] {attribute:value;[atribute:value;...]}

оЕПБШИ БЮПХЮМР ОЕПЕВХЯКЪЕР ЯЕКЕЙРНПШ, ДКЪ ЙНРНПШУ ДЕИЯРБСЕР ДЮММНЕ НОХЯЮМХЕ ЯРХКЪ. бРНПНИ БЮПХЮМР ГЮДЮЕР ХЕПЮПУХЧ БКНФЕММНЯРХ ЯЕКЕЙРНПНБ, ДКЪ ЯНБНЙСОМНЯРХ ЙНРНПШУ НОПЕДЕКЕМ ЯРХКЭ. мЮОНЛМХЛ, ВРН ПЕВЭ Б ДЮММНЛ ЯКСВЮЕ ХДЕР НА НОХЯЮМХЪУ ЯРХКЕИ Б МНРЮЖХХ "text/css". нОХЯЮМХЪ ЯРХКЕИ ПЮГЛЕЫЮЧРЯЪ КХАН БМСРПХ ЩКЕЛЕМРЮ STYLE, КХАН БН БМЕЬМЕЛ ТЮИКЕ.

б ЙЮВЕЯРБЕ ЯЕКЕЙРНПЮ ЛНФМН ХЯОНКЭГНБЮРЭ: ХЛЪ ЩКЕЛЕМРЮ ПЮГЛЕРЙХ, ХЛЪ ЙКЮЯЯЮ Х ХДЕМРХТХЙЮРНП НАЗЕЙРЮ МЮ HTML-ЯРПЮМХЖЕ.

юРПХАСР (attribute) НОПЕДЕКЪЕР ЯБНИЯРБН НРНАПЮФЮЕЛНЦН ЩКЕЛЕМРЮ, МЮОПХЛЕП, КЕБШИ НРЯРСО ОЮПЮЦПЮТЮ (margin-left), Ю ГМЮВЕМХЕ (value) - ГМЮВЕМХЕ ЩРНЦН ЮРПХАСРЮ, МЮОПХЛЕП, 10 РХОНЦПЮТЯЙХУ ОСМЙРНБ (10pt).

яЕКЕЙРНП - ХЛЪ ЩКЕЛЕМРЮ ПЮГЛЕРЙХ

йНЦДЮ ЮБРНП Web-СГКЮ УНВЕР НОПЕДЕКХРЭ НАЫХИ ЯРХКЭ БЯЕУ ЯРПЮМХЖ, РН НМ ОПНЯРН ОПНОХЯШБЮЕР ЯРХКХ ДКЪ БЯЕУ ЩКЕЛЕМРНБ HTML-ПЮГЛЕРЙХ, ЙНРНПШЕ АСДСР МЮ ЯРПЮМХЖЮУ ХЯОНКЭГНБЮРЭЯЪ. щРН ДЮЕР БНГЛНФМНЯРЭ ЯЙНЛОНМНБЮРЭ ЯРПЮМХЖШ ХГ КНЦХВЕЯЙХУ ЩКЕЛЕМРНБ, Ю ЯРХКЭ НРНАПЮФЕМХЪ ЩРХУ ЩКЕЛЕМРНБ НОХЯЮРЭ БН БМЕЬМЕЛ ТЮИКЕ.

рЮЙНИ ЯОНЯНА ЙНМЯРПСХПНБЮМХЪ ЯЮИРЮ ОНГБНКЪЕР ЮБРНПС ХГЛЕМЪРЭ БМЕЬМХИ БХД БЯЕУ ЯРПЮМХЖ ОСРЕЛ БМЕЯЕМХЪ ХГЛЕМЕМХИ Б ТЮИК НОХЯЮМХЪ ЯРХКЕИ, Ю МЕ Б ТЮИКШ HTML-ЯРПЮМХЖ.

бМЕЬМХИ ТЮИК ОПХ ЩРНЛ ЛНФЕР БШЦКЪДЕРЭ ЯКЕДСЧЫХЛ НАПЮГНЛ:

i, em {color:#003366,font-style:normal}
a i {font-style:normal;font-weight:bold;text-decoration:line-through}

оЕПБЮЪ ЯРПНЙЮ ЩРНЦН НОХЯЮМХЪ ОЕПЕВХЯКЪЕР ЯЕКЕЙРНПШ-ЩКЕЛЕМРШ, ЙНРНПШЕ АСДСР НРНАПЮФЮРЭЯЪ НДХМЮЙНБН:

<i>>щРН ЙСПЯХБ</i> Х ЩРН РНФЕ <em>ЙСПЯХБ</em>
щРН ЙСПЯХБ Х ЩРН РНФЕ ЙСПЯХБ

оНЯКЕДМЪЪ ЯРПНЙЮ НОПЕДЕКЪЕР ЯРХКЭ НРНАПЮФЕМХЪ БКНФЕММНЦН Б ЦХОЕПРЕЙЯРНБСЧ ЯЯШКЙС ЙСПЯХБЮ:

<a name=empty><i>kuku</i></a>
kuku

б ДЮММНЛ ЯКСВЮЕ ОЕПЕНОПЕДЕКЕМХЕ ЯНЯРНХР Б РНЛ, ВРН РЕЙЯР НРНАПЮФЮЕРЯЪ БМСРПХ ЦХОЕПРЕЯРНБНИ ЯЯШКЙХ ОЕПЕВЕПЙМСРШЛ Х "ФХПМН".

[ МЮВЮКН ЯРПЮМХЖШ ]

яЕКЕЙРНП - ХЛЪ ЙКЮЯЯЮ

хЛЪ ЙКЮЯЯЮ МЕ ЪБКЪЕРЯЪ ЙЮЙХЛ-КХАН ЯРЮМДЮПРМШЛ ХЛЕМЕЛ ЩКЕЛЕМРЮ HTML-ПЮГЛЕРЙХ. хЛЪ ЙКЮЯЯЮ НОПЕДЕКЪЕР НОХЯЮМХЕ ЙКЮЯЯЮ ЩКЕЛЕМРНБ ПЮГЛЕРЙХ, ЙНРНПШЕ АСДСР НРНАПЮФЮРЭЯЪ НДХМЮЙНБН. дКЪ РНЦН, ВРНАШ НРМЕЯРХ ЩКЕЛЕМР ПЮГЛЕРЙХ Й НОПЕДЕКЕММНЛС ЙКЮЯЯС, МСФМН БНЯОНКЭГНБЮРЭЯЪ ЮРПХАСРНЛ class ЩРНЦН ЩКЕЛЕМРЮ ПЮГЛЕРЙХ:

<style>
.kuku {color:white;background-color:darkred;}
</style>
...
<p class=kuku>
щРНР ОЮПЮЦПЮТ ЛШ НРНАПЮГХЛ АЕКШЛ ЖБЕРНЛ ОН РЕЛМН-ЙПЮЯМНЛС ТНМС
</p>
...
<p>
щРС <a class=kuku>ЦХОЕПРЕЙЯРНБСЧ ЯЯШКЙС</a> ЛШ НРНАПЮГХЛ АЕКШЛ ЖБЕРНЛ ОН РЕЛМН-ЙПЮЯМНЛС ТНМС.
</p>


щРНР ОЮПЮЦПЮТ ЛШ НРНАПЮГХЛ АЕКШЛ ЖБЕРНЛ ОН РЕЛМН-ЙПЮЯМНЛС ТНМС

щРС ЦХОЕПРЕЙЯРНБСЧ ЯЯШКЙС ЛШ НРНАПЮГХЛ АЕКШЛ ЖБЕРНЛ ОН РЕЛМН-ЙПЮЯМНЛС ТНМС.

йЮЙ БХДМН ХГ ЩРНЦН ОПХЛЕПЮ, Б КЧАНЛ ЩКЕЛЕМРЕ ПЮГЛЕРЙХ ЛНФМН ЯНЯКЮРЭЯЪ МЮ НОХЯЮМХЕ ЙКЮЯЯЮ НРНАПЮФЕМХЪ. оПХ ЩРНЛ ЯНБЕПЬЕММН МЕ НАЪГЮРЕКЭМН, ВРНАШ ЩКЕЛЕМРШ ПЮГЛЕРЙХ АШКХ НДМНРХОМШЛХ. б ОПХЛЕПЕ Й НДМНЛС ЙКЮЯЯС НРМЕЯЕМШ Х ОЮПЮЦПЮТ Х ЦХОЕПРЕЙЯРНБЮЪ ЯЯШКЙЮ Б ДПСЦНЛ ОЮПЮЦПЮТЕ.

кХДХПСЧЫСЧ РНВЙС Б ХЛЕМХ ЙКЮЯЯЮ ЛНФМН НОСЯЙЮРЭ. нМЮ ГЮДЮЕРЯЪ ХГ ЯННАПЮФЕМХИ ЯНУПЮМЕМХЪ НАЫМНЯРХ НОХЯЮМХЪ. рЮЙ, МЮОПХЛЕП, ЛНФМН НОПЕДЕКХРЭ ЙКЮЯЯШ НРНАПЮФЕМХЪ НДМНРХОМШУ ЩКЕЛЕМРНБ ПЮГЛЕРЙХ:

a.menu {color:red;background-color:white;text-decoration:normal;}
a.paragraph {color:navy;text-decoration:underline;}

б ДЮММНЛ ОПХЛЕПЕ ЙКЮЯЯ ЦХОЕПРЕЙЯРНБШУ ЯЯШКНЙ menu ХЛЕЕР НДМН НОХЯЮМХЕ ЯРХКЪ, Ю ЙКЮЯЯ ЦХОЕПРЕЙЯРНБШУ ЯЯШКНЙ paragraph ЯНБЕПЬЕММН ДПСЦНЕ. оПХ ЩРНЛ ЙЮФДШИ ХГ ЩРХУ ЙКЮЯЯНБ МЕКЭГЪ ОПХЛЕМХРЭ Й ДПСЦХЛ ЩКЕЛЕМРЮЛ ПЮГЛЕРЙХ, МЮОПХЛЕП, ОЮПЮЦПЮТС ХКХ ЯОХЯЙС. еЯКХ МЕ ГЮДЮМН ХЛЕМХ ЩКЕЛЕМРЮ ПЮГЛЕРЙХ, РН ЩРН НАНГМЮВЮЕР, ВРН ЙКЮЯЯ ЛНФМН НРМЕЯРХ Й КЧАНЛС ЩКЕЛЕМРС ПЮГЛЕРЙХ - ЙНПМЕБНИ ЙКЮЯЯ НОХЯЮМХЪ ЯРХКЕИ. щРН НВЕМЭ ОНУНФЕ МЮ НАНГМЮВЕМХЕ ХЛЕМХ ЙНПМЕБНЦН ДНЛЕМЮ Б ЯХЯРЕЛЕ ДНЛЕММШУ ХЛЕМ. яНАЯРБЕММН МХВЕЦН СДХБХРЕКЭМНЦН ГДЕЯЭ МЕР, Р.Й. ЯХЯРЕЛЮ ЙКЮЯЯНБ НАЗЕЙРНБ МЮ HTML-ЯРПЮМХЖЕ ОПЕДЯРЮБКЪЕР ХГ ЯЕАЪ ДЕПЕБН. щКЕЛЕМРШ ПЮГЛЕРЙХ - ЩРН СГКШ ДЕПЕБЮ.

[ МЮВЮКН ЯРПЮМХЖШ ]

яЕКЕЙРНП - ХДЕМРХТХЙЮРНП НАЗЕЙРЮ.

нАЗЕЙРМЮЪ ЛНДЕКЭ ДНЙСЛЕМРЮ (Document Object Model) НОХЯШБЮЕР ДНЙСЛЕМР ЙЮЙ ДЕПЕБН НАЗЕЙРНБ. нАЗЕЙРЮЛХ ЪБКЪЧРЯЪ: ЯЮЛ ДНЙСЛЕМР, ПЮГДЕКШ(ЩКЕЛЕМР DIV), ЙЮПРХМЙХ, ОЮПЮЦПЮТШ, ОПХКНФЕМХЪ Х Р.О.. йЮФДШИ ХГ НАЗЕЙРНБ ЛНФМН ОНХЛЕМНБЮРЭ Х НАПЮЫЮРЭЯЪ Й МЕЛС ОН ХЛЕМХ. дЮММЮЪ БНГЛНФМНЯРЭ ХЯОНКЭГСЕРЯЪ ОПХ ОПНЦПЮЛЛХПНБЮМХХ ЯРПЮМХЖ МЮ ЯРНПНМЕ ЙКХЕМРЮ, МЮОПХЛЕП, МЮ JavaScript.

оПХЛЕМЕМХЕ ХДЕМРХТХЙЮРНПЮ НАЗЕЙРЮ НОПЮБДЮМН ЕЫЕ Х Б ЯКСВЮЕ ЛНДХТХЙЮЖХХ ЮРПХАСРЮ НОХЯЮМХЪ ЯРХКЪ ДКЪ ДЮММНЦН НАЗЕЙРЮ Б ЕЦН CSS-НОХЯЮМХХ. бЛЕЯРН ЯНГДЮМХЪ ДБСУ НОХЯЮМХИ ЙКЮЯЯНБ, ЙНРНПШЕ ПЮГКХВЮЧРЯЪ РНКЭЙН НДМХЛ ХГ ОЮПЮЛЕРПНБ, ЛНФМН ЯНГДЮРЭ НДМН НОХЯЮМХЕ Х НОХЯЮМХЕ ХДЕМРХТХЙЮРНПЮ НАЗЕЙРЮ. нОХЯЮМХЕ ЯРХКЪ ДКЪ НАЗЕЙРЮ ГЮДЮЕРЯЪ ЯРПНЙНИ, Б ЙНРНПНИ ЯЕКЕЙРНП ОПЕДЯРЮБКЪЕР ЯНАНИ ХЛЪ ЩРНЦН НАЗЕЙРЮ Я КХДХПСЧЫХЛ ЯХЛБНКНЛ "#":

a.mainlink {color:darkred;text-decoration:underline;font-style:italic;}
#blue {color:#003366}
...
<a class=mainlink>НЯМНБМЮЪ ЦХОЕПРЕЙЯРНБЮЪ ЯЯШКЙЮ</a>
<a class=mainlink id=blue>ЛНДХТХЖХПНБЮММЮЪ ЦХОЕПРЕЙЯРНБЮЪ ЯЯШКЙЮ</a>
...
НЯМНБМЮЪ ЦХОЕПРЕЙЯРНБЮЪ ЯЯШКЙЮ
ЛНДХТХЖХПНБЮММЮЪ ЦХОЕПРЕЙЯРНБЮЪ ЯЯШКЙЮ

яКЕДСЕР НЦНБНПХРЭЯЪ, ВРН ХМРЕПОПЕРЮЖХХ ХДЕМРХТХЙЮРНПНБ НАЗЕЙРНБ Б IE Х NN ПЮГМШЕ. дЕКН Б РНЛ, ВРН ЯСЫЕЯРБСЕР ЕЫЕ ЮРПХАСР name С ЩКЕЛЕМРЮ ПЮГЛЕРЙХ. NN ОПЕДОНВХРЮЕР ХЛЕРЭ ДЕКН ХЛЕММН Я ЩРХЛ ЮРПХАСРНЛ ОПХ ХДЕМРХТХЙЮЖХХ НАЗЕЙРЮ, Ю IE Я ЮРПХАСРНЛ id.

пЮГКХВХЪ Б ХМРЕПОПЕРЮЖХХ ID Б АПЮСГЕПЮУ ОПХ ДЕЙКЮПЮРХБМНЛ ХЯОНКЭГНБЮМХХ CSS МЕ НВЕМЭ ЯРПЮЬМШ. бЯЕ ЯРЮМНБХРЯЪ ЦНПЮГДН УСФЕ, ЙНЦДЮ ЮБРНП ПЕЬХРЯЪ ОПНЦПЮЛЛХПНБЮРЭ ЯРХКХ, Р.Е. ХГЛЕМЪРЭ ГМЮВЕМХЪ ЮРПХАСРНБ НОХЯЮРЕКЕИ ЯРХКЕИ. б ЩРНЛ ЯКСВЮЕ ПЮГМХЖЮ НАЗЕЙРМШУ ЛНДЕКЕИ ДНЙСЛЕМРНБ Б NN Х IE ОПНЪБХРЯЪ Б ОНКМНИ ЛЕПЕ. тЮЙРХВЕЯЙХ, ОПХДЕРЯЪ ПЮГПЮАЮРШБЮРЭ ЯНБЕПЬЕММН ПЮГМШЕ ЯРПЮМХЖШ ДКЪ ЙЮФДНЦН ХГ АПЮСГЕПНБ.

ДЮКЕЕ...