У першій статті я навмисно не описував теги і атрибути що стосуються стильовий розмітки, оскільки в стандарт HTML 4.01 вони відносяться до числа не рекомендуються до застосування (в наступних версіях стандарту можуть бути віднесені до застарілим і вийшли з вживання). Замість них рекомендується застосовувати апарат стильового оформлення (Style sheets).
За допомогою таблиць стилів вирішуються такі питання стильовий розмітки:
Одна з фундаментальних коштів CSS - каскад стилів. Стилі можуть бути вказані
- в рамках елемента;
- документа;
- зовнішнього документу.
насправді, для будь-якого заданого примірники документа стилі можуть існувати у всіх цих трьох зазначених місцях. Така гнучкість по відношенню до розташування стилю забезпечує модульність і гнучкість проектування документів. Стиль, визначений на рівні елемента, пригнічує стиль, визначений на рівні всього документа, який, у свою чергу, пригнічує будь-які стилі, визначені у зовнішніх файлах каскадних таблиць стилів.
Каскадна таблиця стилів - це текстовий файл, зазвичай зберігається із розширенням .сss. Він створюється за допомогою звичайного текстового редактора або за допомогою редактора з вбудованою підтримкою каскадних таблиць стилів CSS. Файл містить правила для аналізатора браузера з відображення даних. Ці правила складаються з селекторів та оголошень, які визначають, яким чином дані повинні бути представлені користувачеві. Селектори зазвичай посилаються на окремі HTML-елементи, а оголошення визначають, яким чином той чи інший обраний елемент відображається. Оголошення містять пари властивість-значення. Кожне властивість призначає певне значення. Синтаксис правила CSS наведено нижче:
Селектор {властивість:значення; властивість:значення;...}
HTML-документ зв'язується з зовнішньої таблицею стилів за допомогою дескриптора <LINK>:
<link rel="stylesheet" type="text/css" href=URI>
Внутрішня таблиця стилів звичайно приводиться в заголовку документа за допомогою дескриптора <STYLE>:
< type="text/css">
<
Селектор1 {властивість: значення}
Селектор2 {властивість: значення}
Селектор3 {властивість: значення}
...
-->
<>
У рамках HTML-елемента його стиль визначається атрибутом style:
<ДЕСКРИПТОР style="властивість:значення; властивість:значення;...">
