Olá, fiz o código da mesma forma que o professor, e aparentemente está tudo certo. Porém, simplesmente não é realizada a atualização no navegador, ou seja, as listas não ficam itálico :(
Isso aconteceu recentemente comigo, porém com relação a dimensão da imagem de banner, fiz igualzinho ao que o professor explicou e nada. Dai tive que montar diretamente inline para conseguir resolver o problema, não sei se é por causa do programa que estou usando para codificar (Visual Studio).
Segue o código:
<head>
<!--No Head, colocamos tudo aquilo que não é necessariamente exposto no corpo do website-->
<meta charset-"UTF-8"><!--Informa ao navegador o dicionario UTF-8 de linguas latinas.-->
<title>Barbearia Alura</title>
<link rel="stylesheet" href="format.css"><!--tipo de relacionamento e importação de arquivo externo-->
</head>
<body><!---Aqui vem tudo que será exposto na página, textos, imagens, etc.-->
<img src="banner.jpg"; style="width:100%">
<h1> Sobre Barbearia Alura:</h1>
<p>Localizada no coração da cidade a <strong>Barbearia Alura</strong> traz para o mercado o que há de melhor para o seu cabelo e barba.</p>
<p>Fundada em 2019, a Barbearia Alura já é destaque na cidade e conquista novos clientes a cada dia.</p>
<p id="missao"><em>Nossa missão é: <strong style="color: #FF0000">"Proporcionar auto-estima e qualidade de vida aos clientes"</strong>.</em></p>
<!--identifiador para usar no arquivo css-->
<p>Oferecemos profissionais experientes e antenados às mudanças no mundo da moda. </p>
<p>O atendimento possui padrão de excelência e agilidade, garantindo qualidade e satisfação dos nossos clientes.</p>
<h2>Benefícios</h2> <!--começo de uma nova sessão, seguindo a ordem-->
<ul><!--Elaboração de uma lista não ordenada, se fosse ordenada = ol-->
<li class="itens">Atendimento aos Clientes</li> <!--List Item, organizar a listagem-->
<li class="itens">Espaço Diferenciado</li>
<li class="itens">Localização</li>
<li class="itens">Profissionais Qualificados</li>
<!--Para referenciar varios itens num css, existe a propriedade class-->
</ul>
</body>Arquivo CSS:
body{ background: #CCCCCC; }
h1{ text-align: center; }
p{ text-align: center; }
#missao{ font-size:20px; }
em strong { color: #FF0000; }
.itens{ font-style: italic; }
OBS: tentei também alterar o tamanho da fonte dos itens da lista, igualmente sem sucesso.
