Всі CSS-правила складаються із блоку об’яви і властивостей. Всередині блоку об’яви (всередині фігурних дужок ) можуть знаходитись одне або декілька властивостей розділених ; (крапкою з комою).

Основні види селекторів:

HTML – селектори

В якості селектора використовується  ім’я того  html-елемента, який буде змінюватись. Наприклад для тега <h1> селектором буде h1,  для тега <ul> – ul, і так далі.

h1 { font: bold 14pt arial; }
ul {font-weight: normal; color: green;}

Селектори класу

Клас – це деяке ім’я, що ми можемо застосувати до любих HTML-тегів. Зручність полягає в тому, що можна присвоїти одне ім’я класу багатьом html-тегам в документі.

.uw_widget { font: bold 14pt arial; }

ID селектори (ідентифікатори)

Ідентифікатор (ID) – це деяке ім’я, що можна застосовувати до любого HTML-тегу. Основна відмінність – ID має бути унікальним в рамках html-документу

#intro {
	padding: 10px 10px;
	background: #DC4444;
}