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?
hoje, com a Alura e o Google Gemini
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!!