No caso específico desse exercício, não faz diferença. Mas não é a mesma coisa.
Se você declara isso no arquivo CSS:
h2 {
color: green;
}
Então este estilo será aplicado a todos os elementos h2
da página.
Mas se você faz <h2 style="color: green">
, este estilo é aplicado somente naquele h2
específico. Isso inclusive sobrescreve qualquer definição que exista no arquivo CSS.
Por exemplo, se eu tiver um CSS assim:
h2 {
color: green;
}
E o HTML assim:
<h2>Primeiro</h2>
<h2 style="color: blue">Segundo</h2>
<h2>Terceiro</h2>
O primeiro e o terceiro h2
ficarão com o texto verde, e o segundo, com o texto azul. Isso porque o estilo inline (feito no atributo style
do elemento) sobrescreve a definição do arquivo CSS.
Como já disse, no caso desse exercício, não muda nada. Mas no caso geral, é importante saber que tem diferença sim.