Несколько стилей будет Каскад в один:CSS Cascading заказа не работает
Стили могут быть указаны:
inside an HTML element
inside the head section of an HTML page
in an external CSS file
Совет: Даже несколько внешних таблиц стилей можно ссылаться внутри одного HTML-документа. Каскадный заказ
Какой стиль будет использоваться, если для элемента HTML указано более одного стиля?
Вообще говоря, мы можем сказать, что все стили будут «Каскад» в новый «виртуальный» таблицы стилей по следующим правилам, где номер четыре имеет самый высокий приоритет:
Browser default
External style sheet
Internal style sheet (in the head section)
Inline style (inside an HTML element)
Таким образом, встроенный стиль (внутри элемента HTML) имеет наивысший приоритет, что означает, что он переопределит стиль, определенный внутри тега заголовка, либо во внешней таблице стилей, либо в браузере (значение по умолчанию) .Reference Here.
Но CSS здесь работает как раз напротив:
<head>
<style>
.thumbnail
{
float:left;
width:110px;
height:90px;
margin:5px;
}
</style>
</head>
<img class="thumbnail" src="klematis_small.jpg" width="107px" height="100px">
<img class="thumbnail" src="klematis2_small.jpg" width="107px" height="80px">
Ширина и высота IMG взяты из внутренней таблицы стилей т.е. одной определенной в головной метке
'width =" 107px "' is not css. –