Web - кодинг css - так що це таке

Web - кодинг: CSS:

Так що це таке - СSS?

Так що це таке - СSS? Cascading Style Sheets (Таблиці Каскадних Стилів) - це мова, що містить набір властивостей для опису зовнішнього вигляду будь-яких HTML документів. З його допомогою дизайнер має повний контроль над стилем і розташуванням кожного елемента веб сторінки, що простіше і набагато функціональніша використання звичайного набору HTML тегів. Наведу приклад: Вам потрібно створити жирний червоний підкреслений текст.

Структура і правила

Будь-який елемент HTML - це можливий CSS селектор. Властивості селектора визначають стиль елемента, для якого він визначений.

ПРИКЛАД:
H1
Всі елементи H1 в документі будуть червоного кольору, розміром в 20 точок (pt, point).
Класові селектори (Class Selectors):

CLASS - атрибут елемента в HTML, який визначає його клас. У CSS можна описати власні стилі для різних класів одних і тих же елементів.

Всі елементи H1 з атрибутом CLASS = "blue" стануть синіми.

Класи можуть так само бути описані без явного прив'язування їх до певних елементів.

В даному випадку всі елементи з атрибутом CLASS = "green" стануть зеленими.

ID селектори (ID Selectors):

ID - індивідуально іменований стиль. C його допомогою можна створювати стилістичні виключення cреди елементів одного класу.

Індіфікатор використовуються в основному для додання одному або декількох елементах одного класу індивідуальних властивостей. Скажімо, Ви створили клас blue - синій курсив. Але Вам знадобився жирний підкреслений текст синім курсивом. Звичайно, можна створити новий клас, але навіщо? Простіше описати ID. Наприклад "boldunderline". І все елементи класу blue з значенням ID "boldunderline" стануть жирним підкресленим синім курсивом. Відбудеться як би синтез властивостей класу blue і ідентифікатора boldunderline.



приклад CSS
<