Тема. Веб-програмування

Каскадні аркуші стилів CSS3

Пасічник О. Г., Пасічник О. В., Стеценко І. В. Основи веб-дизайну [Навч. посіб.]. — 336 с

 

 

 

 

 

Вправа "Стильове оформлення сторінок"

Задайте стильове оформлення для сторінки про навички, необхідні для 21 століття (зображення - для натхнення, продумайте схему оформлення для зручного сприйняття інформації, виділіть абзаци, додайте відступи тощо)
 

Теорія

Веб-технології_ Стильове оформлення сторінок

Практична робота

skills.html

Вся теория (рус)

 

 



Приклад підключення документа 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. Зовнішнє підключення таблиць стилів

Файли до роботи (сторінка+картинки)

1. selektory-praktika.html

2. little-web-design-agency-logo.png

3. favicon.png



25 прикладів анімації CSS

Що таке CSS

Лабораторна робота по Css



Самостійна робота

Теорія по селекторах + Практична



Знайомство с HTML і CSS

Сторінка для роботи

Таблиця каскадних стилів до сторінки

 

Архів для роботи