CSS (Cascading Style Sheets) – це каскадні таблиці стилів, що описують форматування елементів веб-сторінки.
Способи задання CSS:
В середині тегу html
В блоці head
В окремому файлі
РОБОТА ЗА КОМП'ЮТЕРОМ
Завдання
Завантажте файл та розархівуйте.
Створіть у папці файл style.css та не забудьте підключити його до існуючого html
<link rel=»stylesheet» href=»style.css» type=»text/css»>
Змініть фон сторінки.
Змініть колір та задайте тінь для заголовку h1
Встановіть обводку для малюнків та заокруглення кутів.
Приклад структурування файлу html
Підключення файлу стилів:
Стилі у файлі CSS
Основні команди CSS:
text-align: center; — вирівнювання
color: #ff0000; — колір тексту
background-color: #c5ffa0 – колір фону
background-image: url(fon.jpg) — фон
background-attachment: fixed; — фіксація
border-style: solid;— обводка елемента
border-width: 1px; — товщина обводки
border-radius: 25px; — округлення кутів
text-shadow: 2px 2px 2px; — тінь тексту
ДОМАШНЄ ЗАВДАННЯ
Опрацювати матеріал сторінки.
Виконати практичне завдання й надіслати вчителю на електронну пошту: voronenko@54.edu.ks.ua
Пройти тестування.