Приклад синтаксису CSS колір: червоний; – змінює колір тексту вмісту <p> на червоний. розмір шрифту: 20px; – змінює розмір шрифту вмісту <p> на 20 пікселів. колір фону: жовтий; – встановлює жовтий фон елемента <p>.
CSS можна використовувати для дуже простого оформлення тексту документа — наприклад, для зміни кольору та розміру заголовків і посилань. Його можна використовувати для створення макета — наприклад, для перетворення одного стовпця тексту на макет із основною областю вмісту та бічною панеллю для відповідної інформації.
Існує три типи CSS зовнішній, внутрішній і вбудований. Зовнішній CSS – це файл, на який будуть посилатися файли HTML. Внутрішній CSS вказується на початку документа HTML. Вбудований CSS написаний для певного елемента в документі HTML.
CSS є мова на основі правил – ви визначаєте правила, що визначають групи стилів, які мають застосовуватися до окремих елементів або груп елементів на вашій веб-сторінці. Наприклад, «Я хочу, щоб головний заголовок на моїй сторінці відображався великим червоним текстом». Правило відкривається за допомогою селектора.
У CSS деякі з найпоширеніших властивостей для стилізації елементів HTML:
- колір : використовується для встановлення кольору тексту.
- font-size : Використовується для встановлення розміру шрифту.
- колір фону: використовується для встановлення кольору фону.
- margin : Використовується для створення простору навколо елемента.
- padding : використовується для створення простору всередині елемента.