1 2 3 4 5 6 7 8 . У нижчеподаному коді колір елемента 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; } Шрифти Дано опис наступних 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;} Заголовки |