Как подключить CSS к HTML

Существует три способа подключения 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>