Опис CSS
Довідник з сайтобудування або як створюються сайти
Надійний хостинг для вашого сайту
Цей розділ містить всю інформацію прокаскадні таблиці стилів (Cascading Style Sheets, скорочено -CSS ): Що таке каскадні таблиці стилів? Навіщо нудні каскадні таблиці стилів? Як користуватись каскадними таблицями стилів?
Опис CSS
Що таке CSS?CSS, абоCascading Style Sheets (що в перекладі з англійської -Каскадні Таблиці Стилів ) - це набір правил або параметрів, за допомогою яких CSS надає сторінкам сайту зовнішній вигляд.
У стандартному HTML зовнішній вигляд елементів сторінки надавався шляхом прописування атрибутів елемента.
Приклад оформлення засобами HTML:
І якщо уявити, що це лише один абзац з множини, то нескладно здогадатися, що, по-перше, обсяг сторінки збільшується. По-друге, зміна зовнішнього вигляду перетворюється на нічний жах, т.к. Щоб змінити розмір тексту, потрібно редагувати кожен абзац у кожній сторінці.
З появою CSS створення та редагування зовнішнього вигляду сторінок сайту перетворюється на дитячу гру.
Приклад оформлення за допомогою CSS :
Переваги CSS.
Відділення змісту від оформлення:
Все оформлення сторінки знаходиться в одному місці, а не розкидане по всьому документу. Це сприяє покращенню читабельності та зручності редагування документа.
Одне оформлення для всіх сторінок сайту:
Усі параметри Каскадних Таблиць Стилів можна або навіть потрібно вивести в окремий файл і підключати до сторінок. Це дає одразу дві переваги. Перше – редагування одного файлу призводить до змін на всіх сторінках. А друге – прискорення повторного завантаження сторінкизавдяки кешування браузерів.
Більше можливостей:
Мова HTML надає зовсім небагато можливостей для оформлення зовнішнього вигляду сторінок сайту. CSS, у цьому плані, набагато перевершує HTML. Без особливих проблем можна змінити колір фону елемента, додати рамку, встановити шрифт тексту, визначити розміри елемента, положення елемента на сторінці та багато іншого.
Це лише невеликий перелік переваг використання CSS.
Небагато історії CSS.
У серпні 1996 року компанія Microsoft випустила браузер Internet Explorer 3 із підтримкою стандарту CSS1. То справді був переворот у створенні сайтів. CSS1 надавала користувачеві такі можливості як: повне форматування тексту: колір, шрифт, розмір, зображення, відстань між словами, вирівнювання тексту; зовнішні та внутрішні відступи елементів, та багато іншого
У травні 1998 року з'явився новий стандарт CSS2. У цьому вся стандарті з'явилися такі параметри, як позиціонування. Завдяки цьому можна перейти від табличної верстки до блокової.
Наразі вже доступний до використання стандарт CSS3, у якому ще більше можливостей для візуального оформлення сторінок сайту.