Тема. Веб-програмування
Каскадні аркуші стилів CSS3
Пасічник О. Г., Пасічник О. В., Стеценко І. В. Основи веб-дизайну [Навч. посіб.]. — 336 с
Вправа "Стильове оформлення сторінок"
Задайте стильове оформлення для сторінки про навички, необхідні для 21 століття (зображення - для натхнення, продумайте схему оформлення для зручного сприйняття інформації, виділіть абзаци, додайте відступи тощо)
Веб-технології_ Стильове оформлення сторінок
Практична робота
Приклад підключення документа CSS до HTML сторінки:
<!-- ...HTML код... -->
<link rel="stylesheet" href="style.css">
</head>
<!-- ...HTML код... -->
Приклад опису селектора в CSS;
h1
{
font-size: 130%;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #336888"
}
Опис класу в HTML:
<h1 class="ex10">Шрифт нормальний, розмір 30рх</h1>
Опис класу в CSS:
h1.ex10{
font-family: Arial, Candara, Century-Gothic, sans-serif;
font-style: normal;
font-size: 30px;
}
Практична робота. Тренуємося застосовувати селектори CSS. Зовнішнє підключення таблиць стилів
Файли до роботи (сторінка+картинки)
2. little-web-design-agency-logo.png
3. favicon.png
Теорія по селекторах + Практична
Таблиця каскадних стилів до сторінки