Основні теоретичні відомості

1. Поняття про аркуші стилів

Дуже часто у web- дизайнера виникає необхідність застосувати в процесі створення html- документа складне форматування - від абзацу до абзацу змінювати шрифт, розташування тексту, його колір, формувати різні таблиці даних. Файл CSS виконує роль шаблона, який застосовано для форматування тексту, таблиць і інших елементів у документі HTML. Є можливість підключати один і той же фізичний файл CSS до різних web-сторінок сайту. CSS можна використовувати практично на будь-якому сервері, без будь-яких обмежень.

Стандарти аркушів стилів для Web були розроблені консорціумом W3С у 1995-96 роках і були названі Cascading Style Sheets (каскадні аркуші стилів), скорочено - CSS. Наявність слова «каскадні» в цьому терміни означає, що аркуші стилів дозволяють створювати ієрархію стильових властивостей, відповідно до якої локальний стиль скасовує глобальний стиль. Взагалі HTML-документ представляється як структура вкладених елементів різного рівня, у яких стиль елемента більше низького рівня має пріоритет перед стилем зовнішнього елемента високого рівня.

Аркуші стилів дозволяють звільнитися від деяких специфічних елементів HTML, які консорціум W3C уважає застарілими.

CSS не є одним із розділів HTML. Крім того, не всі браузери підтримують CSS у повному об'ємі. Існують кілька типів аркушів стилів. У цей час усе більше популярним стає розширена мова стилів XSL (eXtensible Style Language), що використовує синтаксис мови XML (eXtensible Markup Language - розширена мова розмітки).

Браузери Internet Explorer і Netscape, починаючи з версій 4.0, забезпечують часткову підтримку аркушів стилів CSS1 (Cascading Style Sheets Level 1 - аркуші каскадних стилів, рівень 1). Існує і друга версія аркушів стилів CSS2. Більш докладно зі стандартом CSS2 можна ознайомитися на сайті: http://www.w3.org/ TR/1998/ REC-CSS2.

2. Поняття про внутрішні та зовнішні аркуші стилів

Згідно зі специфікацією CSS існує два види стилів: внутрішні та зовнішні аркуші стилів.

До внутрішніх аркушів стилів відносяться вбудовані та заголовні стилі. Назва «внутрішні» вказує на те, що визначення стилів виконується в рамках одного документу.

Вбудований стиль – це найпростіший спосіб завдання стилю для елемента HTML. Вбудований стиль задається через атрибут style, що додається до тегу елемента, стиль якого потрібно змінити. Пприкладом використання вбудованого стилю може бути наступний тег:

<P style=”font-size: 6pt”> - при відображенні елемента P браузер змінить розмір основного шрифту, прийнятого за замовченням, на шрифт 6 пунктів.

Вбудовані стилі мають істотний недолік - вони не дозволяють відокремити засіб форматування документа від його змісту. Оголошення вбудованого стилю доводиться повторювати для кожного елемента, що форматується протягом усього документа.

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

Зовнішнім аркушем стилів називається спосіб завдання стилів в окремому файлі з розширеннями .css або .jss.