CSS: відмінності між версіями

[неперевірена версія][перевірена версія]
Вилучено вміст Додано вміст
Рядок 28:
'''CSS''' використовується авторами та відвідувачами [[Веб-сторінка|веб-сторінок]], щоб визначити кольори, [[шрифт|шрифти]], [[Верстка веб-сторінки|верстку]] та інші аспекти вигляду сторінки. Одна з головних переваг — можливість розділити зміст сторінки (або контент, наповнення, зазвичай [[HTML]], [[XML]] або подібна мова розмітки) від вигляду документу (що описується в CSS).
 
Таке розділення може покращити сприйняття та доступність контенту, забезпечити більшу гнучкість та контроль за відображенням контенту в різних умовах, зробити контент більш структурованим та простим, прибрати повтори тощо. CSS також дозволяє адаптувати контент до різних умов відображення (на екрані [[Монітор|монітора]], мобільного пристрою ([[Кишеньковий персональний комп'ютер|КПК]]), у роздрукованому вигляді, на екрані телевізора, пристроях з підтримкою [[Брайля шрифт|шрифту Брайля]] або голосових броузерахбраузерах та ін.)
 
Один і той самий [[HTML]] або [[XML]] документ може бути відображений по-різному залежно від використаного '''CSS'''. Стилі для відображення сторінки можуть бути:
Рядок 101:
}
</source>
Четверте правило стосується тих елементів рівня абзацаабзацу (p), що мають властивість <code>class</code> рівну 'warning'. Такі абзаци матимуть фонове зображення warning.png згори.
 
Властивість <code>.class</code> може мати не лише порівняння, але й перелік. Коли властивість <code>class</code> містить перелік значень, розділених пробілом, то до цього елементу застосовуються правила усіх перелічених класів. Наприклад, до <code>&lt;p class="note warning"&gt;</code> будуть застосовані правила <code>note</code> та <code>warning</code>.
Рядок 150:
<link rel="stylesheet" href="example.css" type="text/css" />
</source>
Включення CSS-файлафайлу до сторінки ([[HTML]]):
<source lang="xml">
<link rel="stylesheet" href="example.css" type="text/css">
Рядок 162:
CSS може бути визначений в <code>&lt;head&gt;</code> частині сторінки або для елементу сторінки через <code>style</code>.
 
Включення CSS-файлафайлу до [[XML]]-сторінки:
<source lang="xml">
<?xml-stylesheet type="text/css" href="example.css"?>