1   2   3   4   5   6   7   8
Ім'я файлу: Заняття 5.docx
Розширення: docx
Розмір: 721кб.
Дата: 22.02.2021
скачати

. У нижчеподаному коді колір елемента

встановлюється червоним.

h1 {

color: # ff0000;

}

Кольори можна вказувати як шістнадцяткові значення, наприклад (#ff0000), використовувати назви кольорів ( "red") або rgb-значення (rgb (255,0,0)).

Властивість background-color описує колір фону елемента. В елементі розміщується весь вміст HTML-документа. Таким чином, для зміни кольору фону всієї сторінки властивість background-color потрібно застосувати до елементу . Можна також застосовувати цю властивість до інших елементів, в тому числі - до заголовків і тексту. У наступному прикладі різні кольори фону застосовуються до елементів і

.

body

{

background-color: # FFCC66;

}

h1

{

color: # 990000;

background-color: # FC9804;

}

Зауважте, що для

встановлюються дві властивості, що розділяються крапкою з комою.

CSS-властивість background-image використовується для встановлення фонового зображення.

Для вставки рисунка метелика в якості фонового зображення web-сторінки просто застосуєте властивість background-image в тезі і вкажіть місце розташування рисунка.

body

{

background-color: #FFCC66;

background-image: url("butterfly.gif");

}

h1

{

color: #990000;

background-color: #FC9804;

}

У попередньому прикладі зображення метелика повторюється за замовчуванням по горизонталі і вертикалі, заповнюючи весь екран. Цим керує властивість background-repeat



Наприклад, для скасування повторення / мультиплікації фонового рисунка ми повинні записати такий код

body

{

background-color: # FFCC66; background-image: url ("butterfly.gif"); background-repeat: no-repeat;

}

h1 {

color: # 990000;

background-color: # FC9804;

}

Властивість background-attachment визначає, фіксується фоновий рисунок, або прокручується разом з вмістом сторінки.

У таблиці вказані два значення background-attachment.



Наприклад, наступний код фіксує зображення:

body

{

background-color: #FFCC66; background-image: url("butterfly.gif"); background-repeat: no-repeat; background-attachment: fixed;

}

h1

{

color: #990000;

background-color: #FC9804;

}


    1. Шрифти

Дано опис наступних CSS-властивостей:

• font-family

• font-style

• font-variant

• font-weight

• font-size

• font

Властивість font-family вказує пріоритетний список шрифтів, використовуваних для відображення даного елемента або web-сторінки. Якщо перший шрифт списку не встановлено на комп'ютері, з якого виконується доступ до сайту, шукається наступний шрифт списку, поки не буде знайдений відповідний. Для категоризації шрифтів використовуються два типи імен: ім'я сімейства / family-name і загальне / generic family.

Family-name

Приклад family-name (часто зване просто "шрифт") це, наприклад, "Arial", "Times New Roman" або "Tahoma".

Generic family

Його можна простіше описати як групу family-names, що мають характерні загальні риси. Приклад - sans-serif, набір шрифтів без "зарубок / feet". При вказівці шрифтів web-сайту почніть з кращого шрифту, а потім перерахуйте альтернативні. Рекомендуємо в кінці списку вказувати родове ім'я. Тоді не буде працювати шрифтом того ж сімейства, якщо відсутні всі специфікованіконкретні шрифти.

Список шрифтів може виглядати так:

h1 {font-family: arial, verdana, sans-serif;}

h2 {font-family: "Times New Roman", serif;}

Заголовки


1   2   3   4   5   6   7   8

скачати

© Усі права захищені
написати до нас