Довідник по css - керівництво користувача siteedit

Додаток створено на основі матеріалів, що знаходяться на сайті Довідник Web-мов www.spravkaweb.ru

Каскадні таблиці стилів або CSS (Cascading Style Sheets) були революцією, що потрясла WWW. Якщо до цього Web-дизайнер не знав, як буде виглядати його творіння в різних програмах Web-оглядачів, то тепер він може контролювати все: від вигляду шрифту до положення картинки на сторінці.

Припустимо, вам потрібно змінити колір тексту в HTML-документі з чорного на синій. Ви ставите його в пару тегів і наступного виду:

Це синій текст

А тепер уявімо, що ви внесли визначення зовнішнього вигляду тексту в інше місце документа:

Цей рядок позначає, що ми визначили для тексту, що знаходиться всередині тега

і поміченого стильовим класом bluetext, синій колір шрифту. Така конструкція HTML називається визначенням стилю або просто стилем.

В результаті в HTML-тексті у нас залишаться тільки теги логічного форматування тексту:

Це синій текст

Тут ми позначили потрібний текст за допомогою атрибута class, присвоївши йому значення bluetext. Атрибут class задає ім'я стильового класу для тега, і його підтримують всі теги.

Ви можете перепризначити кольору тексту для всіх тегів

В цьому випадку ми не задаємо ім'я стильового класу:

Або ви можете задати форматування для стильового класу, які не прив'язаного до жодного тегу:

І тепер ви можете привласнювати стильовий клас тексту, укладеним в будь-теги:

Це жирний синій текст

Ви можете дати спеціальне форматування тегу тільки в тому випадку, якщо він укладений всередину іншого тега:

Цей текст буде синім

А цей - не буде!

Більш того, ви можете вбудувати визначення стилю прямо в тег:

Це синій текст

Це досягається за допомогою атрибута style, який також підтримують всі теги HTML.

І ще один спосіб прив'язати стиль до будь-якого тегу - використовувати атрибут id, що задає унікальне ім'я елемента HTML.

Тут ми задали розмір шрифту 20 пунктів.

Ви можете задавати кілька атрибутів у визначенні стилю. У цьому випадку вони розділяються крапкою з комою:

Визначення стилів, винесені в заголовок HTML-документа, складають таблицю стилів. Таблиця стилів полягає в теги:

Цей текст залишиться червоним.

Тут установки, зроблені для текстового абзацу

НЕ будуть перекриті надалі.

Підтримується IE починаючи з 4.0

У цій таблиці перераховані всі одиниці виміру, підтримувані CSS.

Пару вступних слів

Треба відзначити, що фільтри відображаються тільки в браузерах Internet Explorer не нижче 4-ої версії.

Деякі фільтри можуть бути без параметрів.

Фільтри поділяються на статичні і динамічні. Статичні фільтри змінюють вигляд об'єкта, а сам він залишається нерухомим. Динамічні фільтри дозволяють змінювати об'єкт з задається швидкістю перемикання кадрів.
Далі будуть мною описані 18 статичних і 19 динамічних фільтра.

Фільтри застосовують через параметр STYLE:
Візьмемо картинку (img.gif) і застосуємо до неї фільтр прозорості:
- маємо ту ж картинку, але напівпрозору.

Тут функція Blur () звертається до фільтру blur об'єкта Pic і змінює його параметр strength при наведенні курсору мишки.

VBScript:
.
Тут використовується фільтр flip, який перевертає зображення навколо вертикальної осі.