Esse conteúdo foi de grande ajuda. Comecei a aprender mais sobre as linguagens HTML, CSS e JavaScript a 1 ano e confesso que a quantidade de conteúdo free de qualidade é pouca. Felizmente acabei de encontrar um canal com uma ótima didática onde posso polir ainda mais minhas habilidades. Vou estar recomendado o canal para todas as pessoas que eu conheço. Estou torcendo pelo o sucesso do canal!!!
Sensacional o seu comentário, muito obrigado!! Fico muito feliz que está realmente fazendo a diferença para você. Por favor, continue compartilhando nosso canal. Um forte abraço!
Boa tarde, realmente esse professor pega quem quer aprender pela mão e mostrando o caminho inicial para quem busca começar na área tem canais que quem vender o curso no seu caso quem consome o seu conteudo fica com uma sensação como eu posso mostrar o meu agradecimento através de um valor...
Essa aula foi tão necessária!! Estou montando um wireframe pro meu site e queria escrever um em cima de uma imagem, mas não fazia ideia de como fazer. Mais uma vez o senhor arrasando!!!!! Valeu prof! O senhor é nota 1000!!!
Eu novamente, por que o conteúdo merece, com certeza vou virar membro do canal para acompanhar todos os curso disponíveis!! Parabéns pela dedicação para ajudar as outra pessoas!!
salve manoo, terminei o módulo de HTML e agora estou indo nesse módulo, excelente didática sua! gostaria de saber, caso eu quisesse colocar o que está na no canto inferior direito da imagem, que código deveria ser feito?
Muito obrigado Silas. Guanabara é um grande professor. Eu particularmente não acompanho o conteúdo dele, mas é um excelente referência. Muito obrigado pelo elogio. Grande abraço!
Oi Lucas. Tecnicamente é possível colocar o background-position no shorthand usando uma "/", mas eu costumo evitar por que pode dar problemas em alguns navegadores. Veja uma dúvida relacionada nesse link 👉 bit.ly/3cjIYfl . Por esse motivo gosto de fazer separado. Forte abraço!
Nessa aula, quando você dá Ctrl+S no VS Code, atualiza automaticamente no navegador ao lado. Esse comportamento é padrão ou precisa fazer alguma configuração extra pra ter essa praticidade, Ctrl+S no VS Code e no navegador já atualiza a página.
Oi Rogério. Tem uma configuração que precisa fazer. Veja esse vídeo 👉 th-cam.com/video/c45nPVwMVzQ/w-d-xo.html que tem todas as configurações que uso no VS Code. Abraço!
Olá, tudo bem? Agradeço sua disposição e didática em expor um conteúdo ordenado, semântico e com informações bastante claras e ricas, aproveito para parabenizá-lo!! Acerca do conteúdo de background, fiquei apenas com a dúvida de como formatá-lo de forma que fique fixo e os demais elementos rolem com a página. É neste momento que esta formatação é configurada ou mais adiante? Muito obrigado.
Oi Douglas.O background é só o fundo. Para as coisas ficarem fixas ou posicionadas de certa forma são outras propriedades que determinam isso como a display e position, por exemplo. Te recomendo assistir todo o curso que talvez vai te clarear mais. Forte abraço!
Boa noite, eu criei uma pagina html estilizei com o css mas não consigo cologar uma imagem de fundo, só que eu criei o html e css direto no Vs code, baixei a imagem está nos meus documentos, quando coloco o caminho ele não reconhece, oque será?
Olá professor, boa noite, eu coloco na minha div o class junto com o estilo css e não está funciona, eu coloco assim aí fecho o div já no css coloco .teste { height: 100px; Background-color: Black; } Só que não está indo, eu estava conseguindo mais ficou "bugado" aí não consigo continuar o código 😐
Oi. Precisa indicar a largura "width" também. "B" do background deve ser minúsculo. Os atributos do CSS são case sensitive, ou seja, se você usar "Background" em vez de "background" em sua folha de estilo, o navegador não reconhecerá o atributo e não o aplicará ao elemento HTML correspondente. Abraço!
Oi Paulo. É uma boa prática incluir as aspas ao redor do valor da URL. Isso é especialmente importante quando o valor da URL contém espaços, caracteres especiais ou caracteres que podem ser interpretados de forma ambígua, pois as aspas garantem que o navegador interprete o valor corretamente. A maioria dos navegadores modernos podem lidar com valores de URLs sem aspas, mas dependendo do valor pode não funcionar, especialmente se você estiver trabalhando com URLs que contêm caracteres especiais ou espaços. Pra garantir, melhor usar as aspas. Pode ser duplas ou simples, tanto faz. Abraço!
Não esqueça de deixar seu like e se inscrever!
Compartilhe com seus amigos que não podem pagar por um curso!
Forte abraço!
Curso maravilhoso!
Aprendi nessa aula com uma didática excelente
não aprendi o mesmo em um curso pago.
Muito obrigado
Parabéns!
Sua aula é incrível de maravilhosa, perfeita, eu fiz faculdade não aprendi quase nada, com as suas aulas estou aprendendo tudinho perfeitamente...
Esse conteúdo foi de grande ajuda. Comecei a aprender mais sobre as linguagens HTML, CSS e JavaScript a 1 ano e confesso que a quantidade de conteúdo free de qualidade é pouca. Felizmente acabei de encontrar um canal com uma ótima didática onde posso polir ainda mais minhas habilidades. Vou estar recomendado o canal para todas as pessoas que eu conheço. Estou torcendo pelo o sucesso do canal!!!
Sensacional o seu comentário, muito obrigado!! Fico muito feliz que está realmente fazendo a diferença para você. Por favor, continue compartilhando nosso canal. Um forte abraço!
To começando estuda programação e sou muito grato pelas suas aulas Dimitri,muito bem explicadas obrigado.
Boa tarde, realmente esse professor pega quem quer aprender pela mão e mostrando o caminho inicial para quem busca começar na área tem canais que quem vender o curso no seu caso quem consome o seu conteudo fica com uma sensação como eu posso mostrar o meu agradecimento através de um valor...
Essa aula foi tão necessária!! Estou montando um wireframe pro meu site e queria escrever um em cima de uma imagem, mas não fazia ideia de como fazer. Mais uma vez o senhor arrasando!!!!! Valeu prof! O senhor é nota 1000!!!
Muito obrigado Andressa. Abraço!
Muito obrigado mesmo , você me ajudou com minhas dúvidas de background muitíssimo bom
Irmão tu é foda, tu conseguiu falar tudo que meu professor falou em 2 aulas
Muito obrigado Weslley! Abraço!
se eu estivesse encontrado essas aulas antes meus códigos estariam muito mais organizados, agora vou refratorar todos.
Eu novamente, por que o conteúdo merece, com certeza vou virar membro do canal para acompanhar todos os curso disponíveis!! Parabéns pela dedicação para ajudar as outra pessoas!!
Muito obrigado Pedro! Grande abraço!
salve manoo, terminei o módulo de HTML e agora estou indo nesse módulo, excelente didática sua! gostaria de saber, caso eu quisesse colocar o que está na no canto inferior direito da imagem, que código deveria ser feito?
Esse cara é demais
Conheço um aluno do Guanabara de longe :) Muito top seu conteúdo. Parabéns!!
Muito obrigado Silas. Guanabara é um grande professor. Eu particularmente não acompanho o conteúdo dele, mas é um excelente referência. Muito obrigado pelo elogio. Grande abraço!
Valeu! boa aula
gosto muito do curso, acompanhando de Moçambique! parabens pelo conteudo
Que legal Dominick. Um abraço pra todos de Moçambique!
Bora aprender.
Excelente aula de Background no CSS3.
Muito obrigado Everaldo! Forte abraço!
show de bola, muito didatico.
Obrigado Júlio. Abraço!
mais uma aula top.. obrigado
Muito bom o vídeo, didática muito boa, ta me ajudando demais, vou comentar em todos os vídeos como forma de agradecimento.
Muito bom! Rumo a aula 28!! :D
Agradecido.
legal!! otima aula!
top demais...
boa aula de Background
Perfeito!!
Excelente!
Professor, pq quando foi fazer o short hand no minuto 12:05 o senhor falou que o ''cover'' tinha que ficar de fora?
Oi Lucas. Tecnicamente é possível colocar o background-position no shorthand usando uma "/", mas eu costumo evitar por que pode dar problemas em alguns navegadores. Veja uma dúvida relacionada nesse link 👉 bit.ly/3cjIYfl . Por esse motivo gosto de fazer separado. Forte abraço!
Nessa aula, quando você dá Ctrl+S no VS Code, atualiza automaticamente no navegador ao lado. Esse comportamento é padrão ou precisa fazer alguma configuração extra pra ter essa praticidade, Ctrl+S no VS Code e no navegador já atualiza a página.
Oi Rogério. Tem uma configuração que precisa fazer. Veja esse vídeo 👉 th-cam.com/video/c45nPVwMVzQ/w-d-xo.html que tem todas as configurações que uso no VS Code. Abraço!
Olá, tudo bem?
Agradeço sua disposição e didática em expor um conteúdo ordenado, semântico e com informações bastante claras e ricas, aproveito para parabenizá-lo!!
Acerca do conteúdo de background, fiquei apenas com a dúvida de como formatá-lo de forma que fique fixo e os demais elementos rolem com a página. É neste momento que esta formatação é configurada ou mais adiante?
Muito obrigado.
Oi Douglas.O background é só o fundo. Para as coisas ficarem fixas ou posicionadas de certa forma são outras propriedades que determinam isso como a display e position, por exemplo. Te recomendo assistir todo o curso que talvez vai te clarear mais. Forte abraço!
Muito Obg!
Valeu Michel. Eu que agradeço por comentar! 👍
top!!
Boa noite, eu criei uma pagina html estilizei com o css mas não consigo cologar uma imagem de fundo, só que eu criei o html e css direto no Vs code, baixei a imagem está nos meus documentos, quando coloco o caminho ele não reconhece, oque será?
Olá professor, boa noite, eu coloco na minha div o class junto com o estilo css e não está funciona, eu coloco assim
aí fecho o div já no css coloco
.teste {
height: 100px;
Background-color: Black;
}
Só que não está indo, eu estava conseguindo mais ficou "bugado" aí não consigo continuar o código 😐
Oi. Precisa indicar a largura "width" também. "B" do background deve ser minúsculo. Os atributos do CSS são case sensitive, ou seja, se você usar "Background" em vez de "background" em sua folha de estilo, o navegador não reconhecerá o atributo e não o aplicará ao elemento HTML correspondente. Abraço!
@@programacaoweb obgdo consegui aqui ❤️🫠
topss
olá boa aula gostaria de saber como poderia diminuir a imagem baixada?
Olá. Você pode redimensionar a imagem qualquer editor de imagens ou usar propriedades CSS de redimensionamento. Abraço!
se não colocar as aspas em 'background-image: url("../img/fundo.jpg"); ' também dá certo, posso usar sem ou é uma boa prática colocar aspas?
Oi Paulo. É uma boa prática incluir as aspas ao redor do valor da URL. Isso é especialmente importante quando o valor da URL contém espaços, caracteres especiais ou caracteres que podem ser interpretados de forma ambígua, pois as aspas garantem que o navegador interprete o valor corretamente. A maioria dos navegadores modernos podem lidar com valores de URLs sem aspas, mas dependendo do valor pode não funcionar, especialmente se você estiver trabalhando com URLs que contêm caracteres especiais ou espaços. Pra garantir, melhor usar as aspas. Pode ser duplas ou simples, tanto faz. Abraço!
@@programacaoweb Show de bola, entendido. Muito obrigado pela explicação. 👊👊👊👊
no meu nao da certo o background de img alguém ajuda?]
3:23
10:51
height: 300px;
background: url("../img/fundo.jpg");
background-size: cover;
}
dou esse comando mais n aparece a imagem no site
Olá. No código apresentado está faltando o seletor. Outro problema que pode ser é o caminho relativo indicado para imagem estar errado. Abraço!