Взаимодействие CSS-стилей с HTML

Взаимодействие CSS-стилей с HTML


Стили делятся на два типа: инлайновыеи внешние.
Инлайновые стили задаются внутри тега

<style>

непосредственно в документе, сам тег находится обычно в

<head>

На примере это выглядит вот так:

<head> 
<style> 
CSS-код 
</style> 
</head>

Такой тип стилей используется как правило для оптимизации сайта, либо по неопытности верстальщика

Внешние стили – хранятся в файле с расширением .css, он обычно подключается в head, например:

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

Разберем что к чему – href=”$link”>
rel=”$stylesheet”

там где $link – путь к файлу стилей
там где $stylesheet – тип подключаемого файла

Могу сказать по опыту, лучше использовать внешние стили, не возникнет проблем, когда начнете работать с несколькими страницами