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

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

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

 

 

 

 

 

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

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

Теорія

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

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

skills.html

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

 

 



Приклад підключення документа CSS до HTML сторінки:

<!-- ...HTML код... -->

<link rel="stylesheet" href="style.css">

</head>

<!-- ...HTML код... -->

Приклад опису селектора;

h1 
{
font-size: 130%; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #336888"

}



Практична робота. Тренуємося застосовувати селектори CSS. Зовнішнє підключення таблиць стилів

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

1. selektory-praktika.html

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

3. favicon.png

 

 

Практична робота. Тренуємося застосовувати селектори CSS. Внутрішнє підключення таблиць стилів

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