CSS
CSS (англ. Cascading Style Sheets, «Кaскaдные таблицы стилей») — это формальный язык, который используют для хранения элементов 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"/>
Третий вариант является рекомендуемым, так как снижает количество дублируемого кода на веб-странице и в итоге повышает скорость ее загрузки.