CSS (Cascading Style Sheets) – це мова стилів, що використовується для визначення зовнішнього вигляду елементів веб-сторінок. В основі CSS лежить система селекторів та правил, які визначають, які стилі будуть застосовуватись до різних елементів на веб-сторінці.
Основним принципом роботи CSS є каскадування: стилі застосовуються до елементів відповідно до їх особливостей та порядку, в якому вони визначені. Каскадування дозволяє легко змінювати стилі одного або декількох елементів, не торкаючись інших.
Для написання CSS використовуються селектори, які вказують, до яких елементів застосовуватимуться стилі. Селектори можуть бути базовими (наприклад, за типом елемента чи класом) або комбінованими (наприклад, за ієрархією чи атрибутами елемента).
Крім селекторів CSS також надає широкий набір властивостей, які визначають різні аспекти зовнішнього вигляду елементів сторінки. Властивості можуть визначати розміри елементів, колір тексту та фону, межі, відступи, шрифти та багато іншого.
| Тема | Опис |
|---|---|
| CSS | Каскадні таблиці стилів (CSS) – мова опису зовнішнього вигляду документа. |
| Селектори | Селектори використовуються для вибору елементів, до яких застосовуватимуться стилі. |
| Правила | Правила CSS складаються з селектора та декларації стилів, що визначають зовнішній вигляд елемента. |
| Властивості | Властивості CSS визначають стиль елемента, такий як колір, шрифт, відступи тощо. |
| Значення | Значення CSS визначають конкретні значення властивостей, такі як "червоний" або "12px". |
| Селектор за тегом | Селектор за тегом вибирає всі елементи з певним тегом. |
| Селектор класу | Селектор класу вибирає всі елементи, які мають заданий клас. |
| Селектор з ідентифікатора | Селектор ідентифікатора вибирає елемент з певним ідентифікатором. |
| Властивість color | Властивість кольору встановлює колір тексту. |
| Властивість font-size | Властивість font-size визначає розмір шрифту. |
Що таке CSS та як ним користуватися?
CSS (Cascading Style Sheets) це код, який ви використовуєте для стилізації вашої веб-сторінки. Основи CSS допоможуть вам зрозуміти, що потрібно для початку роботи. Ми відповімо на такі питання як: Як зробити мій текст чорним чи червоним?
Навіщо використовується КСС?
Використання CSS CSS використовується творцями веб-сторінок для завдання кольорів, шрифтів, стилів, розташування окремих блоків та інших аспектів представлення зовнішнього вигляду цих веб-сторінок.
Що таке CSS простими словами?
CSS (Cascade Style Sheets) – це формальна мова опису зовнішнього вигляду сторінки; каскадні таблиці стилів. Перша згадка CSS з'явилося в 1994 році, коли Хокон Віум Лі запропонував використовувати мову CSS для стилістичного оформлення веб-сторінок.