Введение в CSS
Павел Радкевич
Повестка дня
CSS (Cascading Style Sheets)
Набор правил, управляющих отображением элементов страницы:
Правила CSS
Типы значений. Число
Типы значений. Процент
Типы значений. Размеры
Типы значений. Размеры
Типы значений. Абсолютные размеры
Типы значений. Абсолютные размеры
Типы значений. Цвет
Цвет. Палитра RGB
Цвет складывается из трёх компонент, которые определяют интенсивность каждого из базовых цветов:
ЦВЕТ = КРАСНЫЙ + ЗЕЛЁНЫЙ + СИНИЙ
Значения цвета принимают в диапазоне 0..255
Цвет. Палитра RGB
Типы значений. Цвет
Типы значений. Адреса (URL)
Типы значений. Ключевые слова
Подключение стилей
Подключение CSS. Внешний файл
main.css
index.html
Подключение CSS. Глобальные стили
Подключение CSS. Inline-стили
Классы
Класс - именованная совокупность правил CSS.
Используются для переиспользования элементов дизайна
Используются в качестве селекторов.
Классы
Селекторы
* {} - все элементы страницы
p {} - все теги <p> на странице
.class_name {} - все элементы страницы с атрибутом class=”class_name”
Внеклассное чтение
Практика. Реферат
Оформить при помощи стилей страницу A4 с аналогичными полями и внешним видом и расположением блоков
HTML - https://jsfiddle.net/pr73Lhaq/
https://github.com/AdukarIT/_Tasks_/blob/master/referat.pdf
(шрифт Times New Roman, 14 пунктов)
font-family
font-size
font-weight
text-decoration
text-align
width
height
margin-top
margin-left
border
background-color