Bom dia!
head>
<meta charset="UTF-8">
<title>Barbearia Alura</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<img id="banner" src="banner.jpg">
quando levo para o CSS
#banner{ src: banner }
no console apresenta um erro, não sei onde está! Se deixei claro, poderia me ajudar?
Me parece que na declaração de propriedades do seu CSS, você está usando um seletor de ID com valor. src não é uma propriedade válida para um seletor CSS e #banner não é um valor válido aqui.
Isso irá causar um erro mesmo. Poderia compartilhar o restante do código HTML e CSS para mais contexto?
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>Barbearia Alura</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<img id="banner" src="banner.jpg">
<h1>Sobre a 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. 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>
<p>Oferecemos profissionais experientes e antenados às mudanças no mundo da moda. O atendimento possui padrão de excelência e agilidade, garantindo qualidade e satisfação dos nossos clientes.</p>
</body>
</html>
body { background: #cccccc; }
#banner{ aqui é onde esta ocorrendo o erro. Na aula o professor não mostrou o que acontecia. Então estou tentando e ja copiei parte da estrutura do id de todas as formas.... na aula seguinte tem uma solução apresentada width: 100%. Mas gostaria de ver antes disso...ele já sabe! Mas enquanto você monta o código vc não tem esta opção ainda. Estou iniciando por isso o questionamento. }
h1 { text-align: center; }
p { text-align: center; }
#missao { font-size: 20px }
em strong { color: red; }
obs: Mas, obrigado por me responder
Ahh sim, vi que há uma seção dedicada apenas a imagens (estilos e outras coisas). Então qualquer resposta que eu daria, acabaria por adiantar o conteúdo da aula e sua proposta não era essa.
De forma geral, estilizamos nossos elementos com CSS seguindo a seguinte convenção:
/* primeiro vem o seletor */
seletor {
/*
Entre a abertura e fechamento de chaves há as declarações de propriedade e valor
ou seja, as definições de estilo em si, seguindo a ordem <propriedade>: <valor>;
*/
text-align: center;
}Siga firme nos estudos!
Fernando, também sou iniciante, mas acho que o erro está na sua intenção de chamar o scr no CSS.
No CSS, passamos apenas as estilizações, o que não é o caso, por isso o professor não mostrou na aula.
Bom dia Maicon! Sim, agradeço sua explicação. Minha intenção era justamente despertar para o fato de introduzir isso na aula, pois, você fica perdido e procurando uma explicação sobre o ocorrido. Assim como você, também sou iniciante e as duvidas são grandes, não sabendo nem fazer indagações precisas. Mas, que legal de estarmos nós comunicando!! Valeu!!