Лабораторна робота № 5. Тема: Каскадні таблиці стилів

Тема: Каскадні таблиці стилів.

Мета: Навчити створювати текст з використанням CSS.

ТЕОРЕТИЧНІ ВІДОМОСТІ

ОСНОВИ CSS

Основним поняттям CSS є стиль - тобто набір правил оформлення й форматування, що може бути застосований до різних елементів сторінки. У стандартному HTML для присвоєння якому-небудь елементу певних властивостей (таких, як кольори, розмір, положення на сторінці й т.п.) доводилося щораз описувати ці властивості, навіть якщо на одній сторінці повинні розташовуватися 10 або 110 таких елементів, що нітрохи не відрізняються один від іншого. Ви повинні були десять або сто десять разів вставити той самий шматок HTML-коду в сторінку, збільшуючи розмір файлу й час завантаження на комп'ютер її користувача, що переглядає.

CSS діє іншим, більше зручним й економічним способом. Для присвоєння якому-небудь елементу певних характеристик ви повинні один раз описати цей елемент і визначити цей опис як стиль, а надалі просто вказувати, що елемент, що ви хочете оформити відповідним чином, повинен прийняти властивості стилю, описаного вами. Зручно, не чи правда?

Більше того, ви можете зберегти опис стилю не в тексті вашої сторінки, а в окремому файлі - це дозволить використати опис стилю на будь-якій кількості Web-сторінок. Разюче зручно. І ще одне, пов'язане із цим, перевага - можливість змінити оформлення будь-якої кількості сторінок, виправивши лише опис стилю в одному (окремому) файлі.

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

Давайте розглянемо, як ми можемо втілити настільки чудові можливості в життя.