2015-09-06
730
body
{background-color: #D8BFD8;}
p:hover
{color: #EE6363;}
#p1
{color: #00FF00;}
#p2
{color: #ee0000;}
#p3
{color: #8b8b7a;}
Контрольні запитання
1. Що таке CSS?
Каскадні таблиці стилів (англ. Cascading Style Sheets або скорочено CSS) — спеціальна мова, що використовується для опису сторінок, написаних мовами розмітки даних.
2. Для чого призначені каскадні таблиці стилів?
Найчастіше CSS використовують для візуальної презентації сторінок, написаних HTML та XHTML, але формат CSS може застосовуватися до інших видів XML-документів.
3. Які способи вставки CSS у веб-документ існують?
Є три методи вставки CSS у веб-документ:
- Інлайн / In-line (атрибут style)
- Внутрішній (тег style)
- Зовнішній (посилання на таблицю стилів)
4. Як реалізувати зовнішній спосіб застосування CSS?
Це можна зробити одним рядком HTML-коду:
<link rel="stylesheet" type="text/css" href="style/style.css" />
Цей рядок коду потрібно вставляти в розділі header HTML, тобто між тегами <head> і </head>.
5. Як реалізувати внутрішній спосіб застосування CSS?
Внутрішній спосіб вставки CSS-кодів - HTML-тег <style>.
|
|
|
<head>
<title>Приклад</title>
<style type="text/css">
body {background-color: #FF0000;}
</style>
</head>
6. Як реалізувати інлайн спосіб застосування CSS?
Можна застосовувати CSS до HTML за допомогою HTML-атрибуту style.
Червоний колір фону можна встановити так:
<html>
<head>
<title>Приклад</title>
</head>
<body style="background-color: #FF0000;">
<p>Це червона сторінка</p>
</body>
</html>
7. Що таке селектор в CSS?
Селектор визначає елементи HTML, до яких застосовуватиметься правило, яке визначається реальною назвою елемента, наприклад, body, або іншими засобами, такими як значення атрибуту class.
