Лекция: Встроенный стиль (inline CSS)
Встроенный стиль определяется непосредственно в теге с использованием атрибутаstyle. Такой подход полезен, только если стиль, единовременно применяется элементу.
Каждый тег может иметь параметр style, который определяет свойства тега.
Например:
<p style=«font-size:48pt; color:yellow»> Пример </p>
Внутренняя или внедренная таблица стилей (Internal CSS)
Внедренный стиль управляет представлением одного документа и размещается внутри тега <style>...</style> в разделе head HTML-документа
Внешняя или связанная таблица стилей (External CSS)
Внешняя таблица стилей это таблица которая связана с HTML-документом при помощи тегаlink, размещенного в разделе документа head. Любой документ, связанный с данным типом таблицы стилей, получает все стили, определенные в ней, в чем и заключается преимущество управления языка CSS
Такая таблица стилей находится в отдельном текстовом файле с расширением CSS (желательно, чтобы он находился в той же папке что и web-документ). Тогда таблица стилей подключается с помощью тега <link> в разделе <head>:
<link href=«styles.css» rel=«stylesheet» type=«text/css» />
Параметр href определяем путь к файлу CSS, если таблица находится в той же папке что и web-документ, то это просто href=«styles.css», где styles.css – имя файла CSS.
Очевидно, что эту строку мы можем прописать в любом (либо во всех) из наших html-файлов. Таким образом, единое стилевое оформление будет прописано для нескольких страниц сразу.