Використання CSS
CSS є мовою стилів, за допомогою якого реалізується відображення елементів розмітки HTML. Каскадні таблиці дозволяють налаштувати параметри, зміна яких в HTML недоступно. Наприклад, за допомогою мови стилів можна відредагувати зображення шрифту, колір. CSS дозволяє задавати поля, рядки, відступи, ширину, робити позиціонування елементів і виконувати висновок тих параметрів, які неможливо реалізувати засобами «чистого» HTML.
Каскадні таблиці стилів підтримуються практично всіма браузерами і використовуються практично на будь-якому веб-ресурсі. Вони керують відображенням вмісту за допомогою заданого мови і дозволяють управляти показом елементів для різних носіїв.
Якщо HTML використовується тільки як засіб структурування тексту сторінки, CSS дозволяє налаштувати відображення виведеного вмісту.
Синтаксис CSS і його включення в код HTML
При створенні дизайну сторінки краще використовувати CSS, а не кошти HTML. Справа в тому, що HTML з самого початку не мав коштів для редагування кольору елементів і не був призначений для завдання колірних параметрів і параметрів відображення, а тому використання дескрипторів HTML для створення дизайну може вважатися деякими веб-розробниками неправильним.
CSS має відмінний від HTML синтаксис і включається в код сторінки за допомогою тегів. Ви також можете інтегрувати код CSS, який знаходиться в окремому файлі за допомогою тега з параметрами:
CSS-код має певний синтаксис, якого варто строго дотримуватися, інакше створюються стилі не будуть відображені на сторінці. Ділянка коду CSS можна розділити на 3 основні елементи: селектор, властивість і значення. Дані пункти прописуються таким чином:
селектор {властивість: значення-}
Селектор задає дескриптор, про якого йдеться в створюване правило відображення. Параметр «властивість» визначає редагований аспект елемента, а «значення» визначає для «властивості» відповідну опцію. Наприклад, щоб змінити колір в заголовку другого рівня
HTML, можна застосувати наступний код:
h2 {color: red-}
Даний код задає червоний колір тексту, який розташовується в дескрипторі заголовка другого рівня.
CSS використовує стандартну для HTML таблицю кольорів.
Крім використання тегів
Заголовок
Даний код ідентичний вищеописаному з тією різницею, що самі параметри CSS були задані всередині потрібного для редагування дескриптора.