CSS/Применение CSS для HTML и XHTML: различия между версиями
Содержимое удалено Содержимое добавлено
DannyS712 (обсуждение | вклад) м <source> -> <syntaxhighlight> (phab:T237267) |
|||
Строка 14:
CSS хранятся в отдельном файле. Для ссылки на этот файл с HTML-страницы используется тег <nowiki> <link> </nowiki> между тегами <nowiki> <head> </nowiki>, как показано в следующем примере, который предполагает, что таблица стилей хранится в файле с именем «style.css».
<
<!DOCTYPE html>
<html>
Строка 25:
</head>
</html>
</syntaxhighlight>
<code>link</code> элемент в примере состоит из трёх атрибутов. Первый, <code>rel</code>, сообщает браузеру тип и цель ссылки. Второй, <code>type</code>, сообщает браузеру, какой MIME-тип файла, который мы подключаем. И наконец, третий, <code>href</code>, сообщает браузеру URL, чтобы найти файл. В этом примере URL является относительным, но он также может быть абсолютным.
Строка 31:
«style.css» с одним правилом содержит только текст следующего содержания:
<
p {
font-weight: bold;
}
</syntaxhighlight>
Это говорит браузеру, что текст в параграфе (<code><nowiki><р></nowiki></code>) должен быть показан как полужирный.
Строка 46:
Исходный код для HTML-документа выглядит следующим образом:
<
<!DOCTYPE html>
<html>
Строка 61:
</body>
</html>
</syntaxhighlight>
== Внедрение ==
Строка 68:
Внедрёнными CSS являются стили, которые находятся в заголовке HTML-документа, который требует стилизации. Например, мы хотели бы, чтобы текст в этом HTML-документе был выделен полужирным шрифтом.
<
<!DOCTYPE html>
<html>
Строка 74:
<meta charset="utf-8">
<style type="text/css">
</syntaxhighlight>
<
p {
font-weight: bold;
}
</style>
</syntaxhighlight>
<
<title>
Example Web Page
Строка 92:
</body>
</html>
</syntaxhighlight>
CSS содержится в элементе <code><nowiki><style></nowiki></code>. Установка атрибута <code>type="text/css"</code> сообщает браузеру, что внедрённый стиль написан на CSS и должен быть использован для форматирования страницы, хотя в HTML5 он не обязателен, лучше его писать, например для старых браузеров.
| |||