Подключение CSS к HTML

3362 Посещений

Существует несколько способов подключения CSS к HTML. Рассмотрим их:

Внешние таблицы стилей. Создайте в блокноте файл style.css и сохраните его. Чтобы подключить style.css к уже существующей html-странице используется тег <link>:

<html>

<head>

<title>Моя страница</title>

<link rel="stylesheet" type="text/css" href="style.css">

</head>

<body>

hello!

</body>

</html>

Внутренние таблицы стилей, которые задаются внутри HTML-документа при помощи атрибута style. К примеру:

<html>

<head>

<title>Моя страница</title>

</head>

<body>

<h1 style="color:red"> >hello! <h1>

</body>

</html>

Встроенные таблицы стилей (таблица стилей встраивается в заголовок HTML-страницы):

<html>

<head>

<title>Моя страница</title>

<style type="text/css">

h1 {

"color:red

}

</style>

</head>

<body>

hello! <h1>

</body>

</html>