Приклади синтаксису визначення параметрів стилів форматування або як створити css-документ

Властивість розрідженості інтервалу між знаками (або сусідніми елементами). Використовується при необхідності штучного розширення тексту по горизонталі, наприклад, при визначенні заголовків.

Властивість видимості елемента. У разі використання значення hidden. пункт не відображається на екрані. Проте, на екрані залишається порожня зона, в якій мав би відображатися елемент.

block | inline |. | none

Властивість відображення елемента В разі використання значення none. елемент не займає місце і не відображається на екрані. Тобто складається враження абсолютної відсутності елементу.

Варіант позиціонування елемента

Існують деякі особливості форматування веб-сторінок за допомогою каскадних стилів CSS, про які слід згадати окремо. Наприклад, в разі необхідності створити масштабувати елемент, тобто "Розтягнутий" на весь екран, слід вказати значення в 100% для властивості ширини width або висоти height відповідно.

При визначенні числових значень параметрів одиницею виміру можуть служити відсотки (%), пікселі (px), точки (pt), дюйми (in), сантиметри (cm) і т.д. Наприклад, щоб задати для всіх абзаців подвійну сіру кордон, 10% -ний зовнішній відступ зліва і справа, а також внутрішній відступ в 5px для всіх чотирьох сторін, можна використовувати наступну конструкцію: p.

Крім того, для параметрів margin. padding і border можна вказати значення лише однієї зі сторін. Так, наприклад, конструкція img задає для всіх зображень відступ знизу в 15px. А конструкція .b_TL може встановити для елемента, який використовує клас .b_TL. суцільні верхню і ліву кордон сірого кольору і товщиною в 3px.

Якщо ж пошук 16-ковий значень буде віднімати занадто багато часу або з інших причин, для визначення кольору можна використовувати звичні цілі числа від 0 до 255. А також існує можливість вказати відсоткове співвідношення використовуваного кольору. Наприклад, конструкція a a: hover вказує синій колір шрифту для всіх неактивних гіперпосилань веб-сторінки. А при наведенні миші на посилання задає для неї червоний колір шрифту.

У разі необхідності зміни властивостей елемента при наведенні курсору миші можна використовувати службове слово hover. Дана команда вказує браузеру на те, що для використовуваного елемента зареєстровані різні стилі. Причому, один із стилів застосовується для оформлення елемента в його статичному неактивному стані. А другий стиль (із зазначенням службового слова через двокрапку після назви стилю) змінює зазначені в описі параметри для активного стану елемента при наведенні миші.