CSS (компанійська мова таблиць стилів) є одним із основних інструментів, що використовуються для стилізації та оформлення веб-сторінок. Він дозволяє контролювати зовнішній вигляд елементів HTML, включаючи кольори, шрифти, відступи, рамки та багато іншого. Правильне використання CSS допомагає створювати привабливі та красиві веб-дизайни, які легко читати та навігувати.
Структура CSS складається з селекторів, властивостей та значень. Селектори визначають, які елементи HTML будуть стилізовані, властивості визначають, які стильові правила будуть застосовані до вибраних елементів, а значення вказують, який стиль буде застосований для даної властивості.
Правила CSS мають наступний синтаксис: селектор { властивість: значення; }. Множинні властивості та значення можуть бути додані в одне правило, розділене крапкою з комою. Всі правила CSS можуть бути об'єднані всередині тега <style> всередині розділу <head> веб-сторінки або зовнішнім файлом CSS.
| Термін | Опис |
|---|---|
| CSS | Каскадні таблиці стилів (англ. Cascading Style Sheets) – формальна мова опису зовнішнього вигляду документа, написаного з використанням мови розмітки. |
| Селектор | Елемент, до якого буде застосовуватись певне правило стилю. |
| Властивість | Аспект, який хочемо змінити зовнішній вигляд елемента. |
| Значення | Конкретне значення, яке хочемо застосувати до якості. |
| Правило стилю | Набір властивостей та їх значень, які застосовуються до певного селектора. |
| Каскадування | Усередині одного документа може бути кілька таблиць стилів, і вони можуть бути об'єднані в одну загальну таблицю стилів. |
| Специфіка | Конкретність, з якою застосовується стиль елемента.Визначається комбінацією селекторів, вказаних у правилі стилю. |
| успадкування | Стиль, застосований до батьківського елементу, може успадковуватись нащадками. |
Як правильно оформляти CSS?
Правила оформлення CSS-Кода
- Синтаксис Наприкінці рядка повинна стояти крапка з комою Для відступів усередині правил використовуйте два пробіли Значення кольорів не скорочується Все пишеться малими літерами Нолі не пропускаються Використовуйте подвійні лапки …
- Порядок властивостей
- Імена класів
- Правило @import.
- Варіанти шрифту
Як прописати CSS у HTML?
Прописати будь-який стиль елементу в HTML ви можете трьома способами:
- Використовуйте зовнішній файл стилів. Потрібно вказати посилання на цей файл у тезі link HTMLдокумента.
- За допомогою опису стилів в атрибуті style HTML-Елементу. …
- Через елемент style у розділі head HTMLдокумента.
Як писати CSS стилі?
Рекомендується мати властивості в наступному порядку: Спочатку положення елемента щодо інших: position , left/right/top/bottom , float , clear , z-index .