Существует три способа подключения CSS к HTML:
-
Внешние таблицы стилей.
-
Внутренние таблицы стилей.
-
Встроенные таблицы стилей.
Рассмотрим каждый из них на примерах.
Внешние таблицы стилей
Внешние таблицы стилей подключаются при помощи отдельного файла с расширением .css и тега <link>, “встроенного” в HTML-документ. Например:
<html>
<head>
<title>Страница</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
Текст.
</body>
</html>
Внутренние таблицы стилей
Внутренние таблицы стилей “включаются” в HTML-документ, а используется для этого атрибута style. Например:
<html>
<head>
<title>Страница</title>
</head>
<body>
<h1 style="color:red">Текст<h1>
</body>
</html>
Встроенные таблицы стилей
Встроенные таблицы стилей “прописываются” в заголовке HTML-документа. Например:
<html>
<head>
<title>Моя страница</title>
<style type="text/css">
h1 {
"color:red
}
</style>
</head>
<body>
hello! <h1>
</body>
</html>