CSS
CSS (англ. Cascading Style Sheets, «Каскадні таблиці стилів») — це формальна мова, яку використовують для зберігання елементів HTML-документу: види шрифту, розмір, висоту, ширину, колір, заливку, межі, розташування щодо інших елементів та інше. Іншими словами, це мова, що використовується для опису зовнішнього вигляду веб-сторінки.
Структура CSS
У CSS використовують набір правил, які описують, як має виглядати елемент HTML-документу. Правило містить селектор і блок оголошень.
селектор {
властивість: значення;
}- Селектором називають посилання на елемент у HTML-документі, який потрібно оформити.
- Властивістю – характеристику елемента, що потрібно змінити. Наприклад, колір чи ширину.
- Значенням називають текстове або цифрове позначення для вибраної властивості.
Наприклад, потрібно встановити ширину блоку div, яка б дорівнювала 100%.
div {
width: 100%;
}Підключення CSS
Є кілька способів, для підключення CSS.
1. За допомогою внутрішньої частини тега та атрибуту style.
<h1 style="color:black;">This is a Black Heading</h1>2. Додати тег <style> з атрибутом type=”text/css”.
<style type="text/css">
div {
width: 100%;
}
p {
color: red;
}
</style>3. Підключити зовнішню таблицю стилів (окремий CSS-файл).
<link rel="stylesheet" href="ссылка на файл style.css" type="text/css"/>Третій варіант є рекомендованим, так як знижує кількість коду, що дублюється на веб-сторінці і, в результаті, підвищує швидкість її завантаження.