Таблиці стилів CSS та HTML 5 презентация

Слайд 2

Повторимо теги, які ми розглядали на попередньому занятті











Повторимо теги, які ми розглядали
на попередньому занятті


Слайд 3

https://trinket.io

https://trinket.io

Слайд 4

Розглянемо новий тег – список Нумерований список Не нумерований список Список буває двох видів:

Розглянемо новий тег – список

Нумерований список






Не нумерований

список





Список буває двох видів:

Слайд 5

Створимо два списки на web сторінці: 1 - предмети, які

Створимо два списки на web сторінці:
1 - предмети, які мені

подобаються
2 - предмети, які мені не подобаються
Слайд 6

Розглянемо новий тег – кнопка Для створення кнопки використовуємо тег Назва кнопки

Розглянемо новий тег – кнопка

Для створення кнопки використовуємо тег

Слайд 7

Таблиці стилів CSS Стилі CSS записуємо так селектор { властивість:

Таблиці стилів CSS

Стилі CSS записуємо так
селектор {
властивість: значення;
}
p {
color:

red;
font-size: 21px;
}
Слайд 8

Підключаємо до нашої сторінки таблиці стилів CSS 1. Створюємо новий

Підключаємо до нашої сторінки
таблиці стилів CSS

1. Створюємо новий файл з

назвою
style.css
2. Підключаємо файл до нашої HTML сторінки за допомогою тегу



Слайд 9

Напишемо наші перші стилі CSS Стиль для всіх p {

Напишемо наші перші стилі CSS

Стиль для всіх p {

background: yellow;
}
Стиль для всіх
a {
color: red;
font-size: 18px;
}