Урок 10 Веб дизайн (Таблиці стилів)

Таблиці стилів дають змогу спростити процес створення сторінок і поліпшити їх зовнішній вигляд.

Взаємодію таблиць стилів і основного html-файлу можна забезпечити трьома способами:

  1. Зв’язування. Таблицю стилів створюють і зберігають в окремому текстовому файлі з розширенням css. Щоб зв’язати основний файл з таблицею стилів,у середині тега <head> застосовують одинарний тег <link> з інформацією про таблицю.
  2. Імпортування. Це те ж саме, що і зв’язування, але взаємодію файлів забезпечують засобами тегу <style> і команди url(“Адреса таблиці стилів”).
  3. Вбудовування. Використовується тоді, коли таблиця стилів застосовується до конкретної html-сторінки. Розташовується за допомогою тега-контейнера <style>.

Якщо дизайнер для створення сторінки використовує декілька таблиць стилів, то такі таблиці називають каскадними. Каскад – це впорядкована послідовність таблиць стилів, у якій однотипні стилі з таблиць, які розташовані ближче до початку послідовності, мають більший пріорітет

Таблиця стилів складається з правил, а правило з назви тега чи списку назв тегів і описів стилів, які діятимуть у межах цих тегів деякого html-файлу.

Загальний вигляд правила:

список тегів {властивість1:значення1;

властивість2:значення2;

…..;

властивістьN:значенняN}

Властивості стилів