Até este ponto temos 2 arquivos CSS (além do "reset.css): o "style-home.css" e o "style.css". Além disso, existe a programação "index.html". No "style.css", nessa aula, foram reconfigurados vários pontos que já existiam nos outros dois arquivos. Por exemplo, temos estas linhas no "index.html":
<section class="principal">
<h2 class="titulo-principal">Sobre a Barbearia Alura</h2>
<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. 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>"Proporcionar auto-estima e qualidade de vida aos clientes"</strong>.</em></p>
<!-- id = identificador. Nomeia a TAG -->Uma vez que já existe aqui o comando de negrito e itálico, qual a necessidade de incluir os seguintes comandos no documento "style.css"?:
.principal strong { font-weight: bold; }
.principal em { font-style: italic; }
Ademais, se em "style-home.css" já existe esse comando:
.imagembeneficios { width: 50%; }
Por qual motivo é necessário criar o mesmo comando com outro valor em "style.css", conforme segue?:
.imagembeneficios { width: 60%; }
Existem comandos repetidos com valores diferentes nos dois arquivos CSS, isso é bastante confuso e não entendo o motivo de o programa, apesar de ter duas "ordens" iguais, realiza os comando do "style.css".
