Порядок соединения

Какой стиль будет использоваться, когда указано более одного стиля для HTML элемента?

Вообще говоря, можно сказать, что все стили "сольются" в новую "фактическую" таблицу стилей по следующим правилам, четвертое из которых имеет наивысший приоритет:

  1. Стиль браузера по умолчанию
  2. Внешняя таблица стилей
  3. Внутренняя таблица стилей (в head-секции)
  4. Встроенный стиль (внутри HTML элемента)

Таким образом, встроенный стиль (внутри HTML элемента) имеет наивысший приоритет, что означает, что этот стиль перепишет стиль указанный в теге <head>, или во внешней таблице стилей, или в браузере (значение по умолчанию).

Замечание: Если ссылка на внешнюю таблицу стилей помещается после внутренней таблицы стилей в секции <head>, внешний стиль перепишет внутрннюю таблицу стилей!