Основи основ css

коротка інформація

CSS є акронімом словосполучення Cascading Style Sheets - каскадні таблиці стилів.
Це найважливіша частина документа, що визначає стилі елементів, їх властивостей на веб-сторінці.

Відмінності CSS від HTML

Якщо не знаєте що таке CSS і / або HTML, або ж постійно їх плутаєте, то запам'ятайте, що CSS - це список стилів для документа, а HTML - це мова розмітки гіпертексту. Іншими і більш простими словами, можна висловитися, що на HTML ми створюємо структуру документа і наповнюємо його інформацією. А на CSS ми прикрашаємо документ, створений на HTML.
Незважаючи на те, що HTML так само дозволяє "стилізувати" наш документ, але кількість правил для цього в HTML дуже і дуже мало, що не дасть повної можливості робити створені нами документи більш інтерактивними і барвистими. CSS же дозволяє робити набагато більше дій для стилізації документа, якщо HTML, адже HTML необхідний для створення конструкції сайту.

Що таке CSS

CSS є документом стилів нашої веб-сторінки, побудованої на HTML. Дана можливість доступна наслідком використання різних ідентифікаторів у елементів в HTML документі.
Використовуючи стилі, ви маєте можливість прикрасити інформацію, викладену в документі.
Бібліотека CSS властивостей величезна і це дозволяє створювати барвисті і складні сторінки, без особливих зусиль і проблем.

Кожен селектор (список стилів елемента), повинен починатися з назви ідентифікатора або класу нашого елементу. Однак, є можливість встановлювати стилі для всіх елементів певного типу.

Синтаксис CSS дуже простий і легкий у вивченні. Кожен новий селектор для ідентифікатора або класу можна починати як з нового рядка, так і не переносити рядок, а писати все в один рядок.
Після найменування ідентифікатора або класу, в фігурних дужках () перераховується список властивостей, які ми хочемо поставити нашому елементу з зазначеними ідентифікатором або класом. Самі властивості можна перераховувати як через перенесення на новий рядок, так і перерахувати всі в один рядок. Після написання властивості через двокрапку вказується значення нашого властивості, яке може мати як встановлене стандартом значення, так і для користувача чисельне значення. Після написання значення властивості правило стилю закривається крапкою з комою.

Звичайно, на словах все це звучить досить складно, але варто лише подивитися на приклад, як стане все ясно і зрозуміло: