Поняття CSS

Що таке CSS?CSS (англ. Cascading Style Sheets, укр. Каскадні таблиці стилів) — це спеціальна мова стилю сторінок, що використовується для опису їхнього зовнішнього вигляду. Самі ж сторінки написані мовами розмітки даних (HTML). CSS використовується для того, щоб визначити кольори, шрифти та інші аспекти вигляду сторінки. Одна з головних переваг — можливість розділити зміст сторінки (або контент, наповнення, зазвичай HTML) від вигляду документу (що описується в CSS).

Для чого це треба?HTML: CSS: Без CSS: З додаванням CSS: Коротше кажучи, робимо сайт гарним

Структураselector { властивість1: значення; властивість2: значення;}Наприкладp { font-size: 20px; color: orange;}

Селектори. Визначають, до яких елементів будуть відноситись стиліДаний селектор буде встановлювати вирівнювання посередині всім без винятку елементам

А селектор з точкою попереду буде відноситись до всіх елементів, у яких є клас title. Наприклад, такому: Клас присвоюється елементам з допомогою артибуту class. Він може бути будь-яким на вибір.

Деякі корисні властивості:color - колір тексту. Можливі значення:red, blue, green, black, white, orange та інші(див. підручник з англійської мови)Наприклад:color: brown;text-align - вирівнювання тексту. Можливі значення: center - по центруleft - по лівому краюright - по правому краюjustify - на всю ширину. Наприклад:text-align: center;

Деякі корисні властивості:background-color - колір фону Можливі значення:red, blue, green, black, white, orange та інші(див. підручник з англійської мови)Наприклад:background-color: red;font-size - розмір тексту. Можливі значення: 1px, 2px, … 10px, 12px, …, 35px(тобто будь-яке число і px після нього)Наприклад:font-size: 14px;

Всі властивості CSS можна переглянути на сайті:https://css.in.ua/