css четыре варианта использования \ встраивание \ подключение \ связывание \ импорт

встраивание
подключение
связывание
импорт

Правила каскадирования:
встраиваемые стили приоритет перед подключаемыми
подключаемые имеют приоритет перед связными
связанные стили имеют приоритет перед импортированными

встраиваемые стили имеют влияние только на тег
<html><head><title> заголовок </title></head>
<body>
<p style="font: 17pt comic sans ms"> Текст этого абзаца отобразится шрифтом Comic sans ms и размером в 17 пунктов" </p>
</body>
</html>

подключаемые стили применяются ко всей страницы для этого служит парный тег <STYLE>

<html><head><title> подключаемые стили </title>
<style>
<!--
body {
background: #ffffff;
color: #000000;
}
h1 {
font: 14 pt Book Antiqua;
color: #cc0000;
}
p {
font: 12pt times;
}
a {
color: #ffffff ; text
</head>
<body>
<h1> заголовок </h1>
<p> типа тест <br> еще текст <br> два разе еще тест </p>
</body>
</html>

встраивание

подключение

связывание

импорт

Правила каскадирования:

встраиваемые стили приоритет перед подключаемыми

подключаемые имеют приоритет перед связными

связанные стили имеют приоритет перед импортированными

встраиваемые стили имеют влияние только на тег

<html><head><title> заголовок </title></head>

<body>

<p style="font: 17pt comic sans ms"> Текст этого абзаца отобразится шрифтом Comic sans ms и размером в 17 пунктов" </p>

</body>

</html>

подключаемые стили применяются ко всей страницы для этого служит парный тег <STYLE>

<html><head><title> подключаемые стили </title>

<style>

<!--

body {

background: #ffffff;

color: #000000;

}

h1 {

font: 14 pt Book Antiqua;

color: #cc0000;

}

p {

font: 12pt times;

}

a {

color: #ffffff ; text

</head>

<body>

<h1> заголовок </h1>

<p> типа тест <br> еще текст <br> два разе еще тест </p>

</body>

</html>