- •1.1.Розділ 1 - Основні поняття
- •1.1.1.Синтаксис стилю
- •1.1.2.Включені таблиці стилів
- •1.1.3.Впроваджені таблиці стилів
- •1.1.4.Зовнішні таблиці стилів
- •1.1.5.Апаратно-залежні таблиці стилів
- •1.2.Розділ 2 - Одиниці вимірювання
- •1.2.1.Відносні розміри
- •1.2.3.Одиниці визначення кольору
- •1.3.Розділ 3 - Властивості шрифту
- •1.2.2.Абсолютні розміри
- •1.4.Розділ 4 - Властивості тексту
- •1.5.Розділ 5 - Властивості кольору і фону
- •1.6.Розділ 6 - Властивості обрамлення
- •1.6.12.Border-позиція
- •1.7.Розділ 7 - Властивості позиціонування
- •1.8.Розділ 8 - Візуальні властивості
- •1.9.Розділ 9 - Інші властивості
- •1.10.Розділ 10 - Групування стилів, призначення класів і псевдокласів
- •1.10.1.Групування стилів
- •1.10.2.Призначення класів
- •1.10.3.Призначення псевдокласів
- •1.11.Розділ 11 - Адаптація інтерфейсу
- •1.11.1.Кольори значення опис
- •1.11.2.Системні шрифти значення опис
- •1.12.Розділ 12 - Фільтри
- •1.12.1.Фільтр alpha
- •1.12.2.Фільтр blur
- •1.12.12.Фільтр wave
- •1.12.13.Фільтр xray
- •1.13.Розділ 13 - Шари
- •1.13.1.Абсолютне позиціонування
- •1.13.8.Поняття прозорості шару
- •1.13.9.Накладення шарів
1.13.8.Поняття прозорості шару
Оскільки шар насправді є блоком між тегами <SPAN> або <DIV>, то за допомогою таблиць стилів CSS можна відформатувати його будь-яким з доступних способів: накласти фільтр, задати фоновий колір або малюнок, задати стилі включеним тегам. Тоді, якщо шар не матиме фонового кольору або малюнка ми зможемо побачити крізь нього вміст того шару, над яким він позиціонується, подібного можна досягти, вставивши малюнок .gif, у якого один з кольорів прозорий. Використовуючи дану властивість легко можна добитися цікавих ефектів, недоступних іншими способами, що в цілому покращує зовнішній вигляд і естетичне сприйняття вмісту.
1.13.9.Накладення шарів
Один з найцікавіших способів застосувань властивостей шару, є одночасна операція позиціонуванням відразу для двох шарів і більш. Задавши в кожному шарі властивостям Position значення absolute і варіюючи значення властивостей left, top, height, width і z-index ми отримаємо цікавий ефект накладання шарів один на одного, частково або повністю перекриваючись.