У Web існує дуже корисна технологія - ієрархічні стильові специфікації - CSS. Використання CSS дозволяє розробникам відокремити опис особливостей оформлення Web-сторінок від визначення структури документа, тобто відновити сенс і значення HTML.
На цьому занятті Ви навчитеся оформляти документ так, щоб потім його можна було при необхідності переоформити без зайвих витрат часу і сил, змінивши лише таблицю стилів.
CSS- це мова, яка містить набір властивостей для визначення зовнішнього вигляду документа.
1. Засоби управління позиціонуванням;
2. Кошти для управління шрифтами;
3. Засоби для управління фоновим кольором і зображенням;
4. Засоби вирівнювання тексту.
Стильові специфікації не замінюють мови розмітки, вони є самостійною технологією, яка застосовується безпосередньо до тегу HTML. Щоб призначити елементу HTML стильове опис, необхідно в стильової специфікації вказати сам елемент і записати після нього в фігурних дужках всю інформацію про його форматуванні: ім'я елемента.
Наприклад, необхідно задати правило форматування елемента
так, щоб використовувався шрифт гарнітури Arial, розміром 14 пунктів. Стильова специфікація виглядає наступним чином:
Отже, стильові специфікації є просто набором правил. які включають в себе селектор (ім'я HTML-елемента, атрибута CLASS або ID), пов'язаний зі стильовою властивістю (наприклад, font-family), після якого слідує двокрапка і допустиме значення (або значення) цього властивості. У стильову специфікацію може бути включено декілька правил, між якими ставиться крапка з комою.
Відкрийте файл довідника «Sprav_CSS.doc». Знайдіть розділи «Властивості шрифту» і розділ «Властивості тексту». Ознайомтеся зі стильовими властивостями шрифту і тексту. З'ясуйте, до яких HTML-елементів можна застосувати ці властивості.
Існує три основних види стильових специфікацій (CSS):
· Ви можете зв'язати документ із зовнішнім стильової специфікацією.
· Можна впровадити глобальну стильову специфікацію, діючу в межах однієї Web-сторінки, в заголовок гіпертекстового документа.
· І можна визначити внутрішній стиль для окремого HTML-елемента.