яОНЯНАШ ОПХЛЕМЕМХЪ CSS   

оНД ЯОНЯНАЮЛХ ОПХЛЕМЕМХЕЛ CSS ЛШ Б ДЮММНЛ ПЮГДЕКЕ ОНМХЛЮЕЛ ТНПЛС ДЕЙКЮПХПНБЮМХЪ ЯРХКЪ МЮ HTML-ЯРПЮМХЖЕ Х ТНПЛС ЯБЪГШБЮМХЪ НОХЯЮМХЪ ЯРХКЪ НРНАПЮФЕМХЪ ЩКЕЛЕМРЮ ПЮГЛЕРЙХ Я ЯЮЛХЛ ЩРХЛ ЩКЕЛЕМРНЛ. пЕВЭ ХДЕР Н РНЛ, ЦДЕ Х Б ЙЮЙНИ ТНПЛЕ ЮБРНП ЯРПЮМХЖШ (ХКХ ДХГЮИМЕП) НОХЯШБЮЕР ЯРХКЭ, Х ЙЮЙ Х Б ЙЮЙНИ ТНПЛЕ МЮ МЕЦН ЯЯШКЮЕРЯЪ.

хРЮЙ, ПЮГКХВЮЧР ВЕРШПЕ ЯОНЯНАЮ ОПХЛЕМЕМХЪ ЯРХКЕИ:

гДЕЯЭ ЛШ ЯКЕДСЕЛ ГЮ George Young ХГ Microsoft (Cascading Style Sheets in Internet Explorer 4.0. Microsoft, 1997). яКЕДСЕР НРЛЕРХРЭ, ВРН ХЛОНПР ЯРХКЪ МЕ ОНДДЕПФХБЮЕРЯЪ Б АПЮСГЕПЮУ ДПСЦХУ ОПНХГБНДХРЕКЕИ. нДМЮЙН, Р.Й. ОЮРЕМР МЮ CSS1 ОПХМЮДКЕФХР Microsoft, НОСЯРХРЭ ХЛОНПР Б МЮЬЕЛ НОХЯЮМХХ ЛШ ЯВХРЮЕЛ МЕОПЮБХКЭМШЛ.

оЕПЕНОПЕДЕКЕМХЕ ЯРХКЪ

оНД ОЕПЕНОПЕДЕКЕМХЕЛ ЯРХКЪ Б ЩКЕЛЕМРЕ ПЮГЛЕРЙХ ЛШ ОНМХЛЮЕЛ ОПХЛЕМЕМХЕ ЮРПХАСРЮ STYLE С ДЮММНЦН ЩКЕЛЕМРЮ ПЮГЛЕРЙХ:

<h1 style="font-weight:normal;
font-style:italic;
font-size:10pt;">
гЮЦНКНБНЙ ОЕПБНЦН СПНБМЪ
</h1>

гЮЦНКНБНЙ ОЕПБНЦН СПНБМЪ

юРПХАСР style ЛНФМН ОПХЛЕМХРЭ БМСРПХ КЧАНЦН ЩКЕЛЕМРЮ ПЮГЛЕРЙХ. мЮОПХЛЕП, ЛШ ЛНФЕЛ ВЕПЕГ style НОПЕДЕКХРЭ ЬХПХМС Х БШПЮБМХБЮМХЕ ЩКЕЛЕМРЮ hr(ЦНПХГНМРЮКЭМНЕ НРВЕПЙХБЮМХЕ):

<hr style="width:100px;">

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

гДЕЯЭ ФЕ ЯКЕДСЕР НРЛЕРХРЭ ЯКЕДСЧЫЕЕ: ЯРХКХ ПЮГПЮАНРЮМШ Б ОЕПБСЧ НВЕПЕДЭ ДКЪ СОПЮБКЕМХЪ НРНАПЮФЕМХЕЛ РЕЙЯРЮ. мЕ ЯКЕДСЕР СБКЕЙЮРЭЯЪ ЯРХКЪЛХ ОПХ СОПЮБКЕМХХ НРНАПЮФЕМХЕЛ МЕРЕЙЯРНБШУ ЩКЕЛЕМРНБ HTML-ПЮГЛЕРЙХ.

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

щКЕЛЕМР STYLE

оПХЛЕМЕМХЕ ЩКЕЛЕМРЮ STYLE - ЩРН НЯМНБМНИ ЯОНЯНА БМЕДПЕМХЪ ЙЮЯЙЮДМШУ РЮАКХЖ ЯРХКЕИ Б РЙЮМЭ HTML-ДНЙСЛЕМРЮ. йПНЛЕ СОПЮБКЕМХЪ НРНАПЮФЕМХЕЛ ЩКЕЛЕМРНБ ПЮГЛЕРЙХ ЩКЕЛЕМР STYLE ОНГБНКЪЕР НОХЯШБЮРЭ ЯРХКЕБШЕ ЯБНИЯРБЮ ЩКЕЛЕМРНБ, ЙНРНПШЕ ЛНФМН ХГЛЕМЪРЭ ОПХ ОПНЦПЮЛЛХПНБЮМХХ МЮ JavaScript.

щКЕЛЕМР STYLE ОНГБНКЪЕР НОПЕДЕКХРЭ ЯРХКЭ НРНАПЮФЕМХЪ ДКЪ:

й ЯНФЮКЕМХЧ, ПЮАНРЮ Я ЯЕКЕЙРНПЮЛХ Б АПЮСГЕПЮУ ПЮГКХВМШУ ОПНХГБНДХРЕКЕИ ЛНФЕР ОПЕОНДМЕЯРХ ПЮГКХВМНЦН ПНДЮ ЯЧПОПХГШ. нЯНАЕММН ЩРН ЙЮЯЮЕРЯЪ ПЮАНРШ Я ЯЕКЕЙРНПНЛ ID. аСДЕЛ ЯВХРЮРЭ ОПЮБХКЭМНИ ХМРЕПОПЕРЮЖХЧ Microsoft ЙЮЙ ДЕПФЮРЕКЪ ОЮРЕМРЮ МЮ ЯОЕЖХТХЙЮЖХЧ CSS.

оНМЪРХЕ ЯЕКЕЙРНПЮ, ОПХЛЕМЕМХЕ ЯЕКЕЙРНПНБ Х ТНПЛЮКЭМШИ ЯХМРЮЙЯХЯ CSS ЛШ НАЯСДХЛ Б ПЮГДЕКЮУ "яХМРЮЙЯХЯ" Х "мЮЯКЕДНБЮМХЕ Х ОЕПЕНОПЕДЕКЕМХЕ".

яРЮМДЮПРМШЕ ЩКЕЛЕМРШ ПЮГЛЕРЙХ НОХЯШБЮЧРЯЪ Б ЩКЕЛЕМРЕ STYLE ЯКЕДСЧЫХЛ ЯОНЯНАНЛ:
<head>
<style>
p {color:darkred;text-align:justify;font-size:8pt;} </style>
</head>
<body>
...
<p>
щРНР ОЮПЮЦПЮТ ЛШ ХЯОНКЭГСЕЛ Б ЙЮВЕЯРБЕ ОПХЛЕПЮ ОПХЛЕМЕМХЪ НОХЯЮМХЪ ЯРХКЪ ДКЪ ЯРЮМДЮПРМНЦН ЩКЕЛЕМРЮ HTML-ПЮГЛЕРЙХ.
</p>
...
</body>

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

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

яЯШКЙЮ МЮ БМЕЬМЕЕ НОХЯЮМХЕ

яЯШКЙЮ МЮ НОХЯЮМХЕ ЯРХКЪ, ПЮЯОНКНФЕММНЕ ГЮ ОПЕДЕКЮЛХ ДНЙСЛЕМРЮ, НЯСЫЕЯРБКЪЕРЯЪ ОПХ ОНЛНЫХ ЩКЕЛЕМРЮ LINK, ЙНРНПШИ ПЮГЛЕЫЮЧР Б ЩКЕЛЕМРЕ HEAD. бМЕЬМЕЕ НОХЯЮМХЕ ЛНФЕР ОПЕДЯРЮБКЪРЭ ХГ ЯЕАЪ ТЮИК, ЯНДЕПФЮМХЕ ЙНРНПНЦН - НОХЯЮМХЕ ЯРХКЕИ. нОХЯЮМХЕ ЯРХКЕИ Б ЩРНЛ ТЮИКЕ АСДЕР ОН ЯХМРЮЙЯХЯС Б РНВМНЯРХ ЯНБОЮДЮРЭ Я ЯНДЕПФЮМХЕЛ ЩКЕЛЕМРЮ STYLE.

мХФЕ ОПХБЕДЕМ ОПХЛЕП ЯЯШКЙХ МЮ БМЕЬМЕЕ НОХЯЮМХЕ ЯРХКЕИ:

<link type="text/css" rel="stylesheet" href="http://kuku.ru/my_css.css">

бЮФМШЛХ ГДЕЯЭ ЪБКЪЧРЯЪ ГМЮВЕМХЪ ЮРПХАСРНБ rel Х type. Rel НАЪГЮМ ХЛЕРЭ ГМЮВЕМХЕ "stylesheet". Type ЛНФЕР ОПХМХЛЮРЭ ГМЮВЕМХЪ: "text/css" ХКХ "text/javascript". бРНПНИ РХО НОХЯЮМХЪ ЯРХКЕИ ББЕДЕМ Netscape. еЦН ЛШ Б ДЮММНЛ СВЕАМНЛ ЙСПЯЕ МЕ НАЯСФДЮЕЛ.

юРПХАСР href ГЮДЮЕР СМХБЕПЯЮКЭМШИ КНЙЮРНП ПЕЯСПЯЮ (URL) ДКЪ БМЕЬМЕЦН ТЮИКЮ НОХЯЮМХЪ ЯРХКЕИ. щРН ЛНФЕР АШРЭ ЯЯШКЙЮ МЮ ТЮИК Я КЧАШЛ ХЛЕМЕЛ, Ю МЕ РНКЭЙН МЮ ТЮИК Я ПЮЯЬХПЕМХЕЛ *.css.

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

хЛОНПР НОХЯЮМХЪ ЯРХКЕИ

хЛОНПР НОХЯЮРЕКЕИ ЯРХКЕИ - ЩРН Б МЕЙНРНПНЛ ЯЛШЯКЕ ЙНМЙСПЕМР НОХЯЮММНЛС БШЬЕ СЙЮГЮМХЧ МЮ БМЕЬМХИ НОХЯЮРЕКЭ ЯРХКЪ.

хЛОНПРХПНБЮРЭ ЯРХКЭ ЛНФМН КХАН БМСРПЭ ЩКЕЛЕМРЮ STYLE, КХАН БМСРПЭ БМЕЬМЕЦН ТЮИКЮ, ЙНРНПШИ ОПЕДЯРЮБКЪЕР ЯНАНИ НОХЯЮРЕКЭ ЯРХКЪ. нОЕПЮРНП ХЛОНПРЮ ЯРХКЪ ДНКФЕМ ОПЕДЬЕЯРБНБЮРЭ БЯЕЛ ОПНВХЛ НОХЯЮРЕКЪЛ ЯРХКЕИ:

<style>
@import:url(http://kuku.ru/style.css)
a {color:cyan;text-decoration:underline;}
</style>

хЛОНПРХПСЕЛШИ ЯРХКЭ ЛНФМН ОЕПЕНОПЕДЕКХРЭ КХАН ВЕПЕГ НОХЯЮРЕКЭ ЩКЕЛЕМРЮ Б STYLE, КХАН ВЕПЕГ ЮРПХАСР ЩКЕЛЕМРЮ style.

ДЮКЕЕ...