Призначення CSS

Дизайн Web— вузлів — це точне розміщення компонентів HTML— сторінок один відносно одного в робочій зоні вікна браузеру.

Недоліки такого визначення Web— дизайну очевидні. У нім не враховані ні колір, ні форма, ні інші властивості компонентів HTML— сторінок. Головне в цьому визначенні — показати обмеженість можливостей HTML— розмітки. Позиціонування компонентів на сторінці є одним з найслабкіших місць в HTML.

До компонент сторінки відносяться: блоки тексту, графіка і вбудовані застосування. Розмір і межі кожного з цих компонентів у рамках HTML- розмітки задаються з різною мірою точності. Розмір графіки і додатків можна задати з точністю до пікселя. Розміри текстових блоків в HTML задати не можна: вони обчислюються браузером виходячи з відносного розміру шрифту за умовчанням.

Автор сторінки не може заздалегідь визначити налаштування браузеру користувача, що істотно обмежує число варіантів представлення інформації на сторінці.

Не можна сказати, що розробники браузерів не намагалися змінити цю ситуацію. У ранніх версіях браузерів CERN для платформи NEXT і у браузерах WWWC автор сторінки мав можливість перевизначати налаштування браузеру за умовчанням через HTML- розмітку. Але цей підхід не отримав продовження в комерційних продуктах.

Інший спосіб управління налаштуваннями браузеру — програмування на JavaScript. Бурхливий розвиток цієї мови дозволяє говорити про можливість повного контролю над процесом відображення HTML— сторінок. Недолік JavaScript — відмова від декларативного характеру розмітки і відносно великий об'єм коду для перевизначення властивостей елементів розмітки.

Специфікація CSS(Cascading Style Sheets) дозволяє залишитися у рамках декларативного характеру розмітки сторінки і повністю контролювати форму представлення елементів HTML- розмітки.

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

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

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

CSS дозволяє повністю перевизначити форму представлення елементу розмітки за умовчанням. Наприклад <I>...</I> визначає відображення тексту курсивом:

<I>Відобразимо текст курсивом</I>

<p>А тепер перевизначимо стиль відображення для елементу розмітки I
<I STYLE="text-decoration: underline; font-style: normal;">
<p>Відобразимо текст курсивом </I>

Дата добавления: 2013-12-12