Curso CSS Completo: Aula 13 - Estilização de Links

[@programacaoweb]

*Gostando desse curso?* Então me ajuda, compartilha, deixa o gostei e se inscreve :) Forte abraço!

[@michelpereiradasilva8360]

Que legal! Finalmente consegui entender a função :hover ! Acho incrível como vc consegue ensinar de uma forma simples e bem humorada! rs

[@yujinragnarokmobile2854]

Já chego na aula comentando e dando like, pois Dimitri é lenda!

[@programacaoweb]

Valeu Yüjin! Abraço!

[@danielrosa7219]

Eu já vi curso bom mas o seu é top não tenho outro igual até Gustavo Guanabara não ensina como você só consegui entender programação depois que eu vi teu vídeo valeu

[@naillathdev]

Cara, que aula incrível, na moral! Relato pessoal meu, não vou negar que já pensei em desistir do Front-End várias vezes por conta do CSS, parecia um bixo de sete cabeças pra mim, até porque nunca havia pegado ele pra estudar a fundo kkk ai também eu quero graça, né? Mas tipo, que aula gostosa, foi essa, cheguei aqui com zero conhecimento por assim dizer, sabendo só o básico do básico, no máximo background, color e font aqui no curso do Proff Dimitri e agora vendo as coisas tomando forma assim e meio que poder brincar com as coisas na tela assim, foi bem bacana, só tenho gratidão. Obrigado de coração, professor Dimitri!

[@programacaoweb]

É legal mesmo quando a gente começa a compreender mais a fundo o CSS. Você vai se libertando e se tornando ilimitado. É uma sensação incrível mesmo. Grande abraço!

[@jornadaimplacavel6126]

A aula é tão boa que ninguém deixa nenhuma dúvida nos comentários :)

[@programacaoweb]

Valeu Jornada Implacável!

[@killeywayne897]

Sinceramente nem sei como descrever o quão maravilhosos estão sendo esses vídeos, muito obrigado 🙌🫡

[@programacaoweb]

Que bom Killey! Um grande abraço!

[@Uzumaki-rz8yx]

mano tu tem jeito para explicar tu é massa 😉😉

[@joseneto284]

Parabéns pelo trabalho, você é foda! Uma didática sem igual! Merece todo o reconhecimento possível! Estou fazendo um curso pela rocketseat, e tive que recorrer a vídeos aqui do KZbin, essas suas aulas foi um banho de luz kkk. Deus abençoe, ganhou mais um seguidor.

[@paulomarcio3926]

Como sempre, otimas aulas!

[@leo6955]

Ótima aula. já paguei mais de mil reais em um curso que não aprendi tanto quanto estou aprendendo com você. obrigado e parabéns

[@programacaoweb]

Eu que agradeço Leonardo! Abraço!

[@samuelfelipe8012]

Ótimo professor!!!

[@rebeccafurtado7596]

valeu, cara !! você se garante muito!!!!!!

[@programacaoweb]

Obrigado Rebecca! :)

[@andregustavo5404]

um otimo professor!!!

[@larissaalinerezende6166]

Aula sensacional, obrigada!!

[@MurilosilvaFX]

simplicidade muito didático e divertido aula td d mais!

[@mauricioreguete466]

Sucesso...

[@CezarXGameR]

bom demais, tá me ajudando muito, vou comentar em todos os vídeos como forma de agradecimento.

[@lucasgorzizadasilva540]

Agradecido.

[@FernandoAnjos-b6h]

Realemnte incrivel parabens pelo trabalho, voce da curso particular tmb mais avancado?

[@aunelioribeiro1667]

Nota Dez!

[@Everaldobass]

Excelente aula de Estilização de Links no CSS3.

[@programacaoweb]

Muito obrigado Everaldo! Forte abraço!

[@caioandrade5848]

Aula muito Fodaaaaaa!

[@fr4033]

Esse projeto você fez em um CSS específico só para a página "outra.html"?

[@joaopatrickqueirozmaia1215]

você pode incrementar na página Index, porém terá que usar as class colocadas no vídeo, ou você pode criar uma class nova e colocar os parâmetros de estilização que queira.

[@juniordornelas4388]

Show de bola!

[@programacaoweb]

Valeu Junior! :)

[@michelpereiradasilva8360]

Obrigado!

[@Mk.mkinho]

obrigado pela aula

[@programacaoweb]

Valeu Mkinho! Grande abraço!

[@gabaritando_enfermagem7402]

Professor, para que serve o ":after" no css na estilização de link ou e menus?

[@programacaoweb]

Olá. O :after é um seletor pseudo-elemento em CSS que é utilizado para adicionar conteúdo após o conteúdo real de um elemento. Ele é frequentemente usado para estilizar elementos específicos, como links ou menus, adicionando elementos visuais adicionais. Quando aplicado a links ou menus, o :after pode ser usado para adicionar setas, ícones, ou outros elementos decorativos. Isso permite uma personalização visual sem a necessidade de adicionar HTML adicional ao documento. Forte abraço!

[@orlandoneto802]

Qual é essa extensão do vscode que permitiu escolher essa tonalidade de verde?

[@programacaoweb]

Oi Orlando. Nesse vídeo do canal tem todas as minhas configurações do VS Code 👉 kzbin.info/www/bejne/mWWYn4OMrLKJsLM .Abraço!

[@matheussantosveronese145]

toppp

[@murillolopes5215]

qual é esse tema que vc usa professor? pode me indicar alguns que deixam as tags mais coloridas ou em destaque? obrigado

[@programacaoweb]

Oi Murillo. Esse vídeo tem todas as minhas configurações 👉 kzbin.info/www/bejne/mWWYn4OMrLKJsLM . Abraço!

[@pablomadruga4086]

Gostei

[@benmoraes5511]

5:17

[@danilobe2]

professor quando eu criei o link pro arquivo outra página todo o CSS que eu coloquei no site sumiu ele tava programado com CSS mas no site o CSS que eu coloquei não aparecia

[@programacaoweb]

Oi Danilo. Você precisa referenciar o arquivo CSS em todas as páginas do seu projeto. Inclusive na página para onde o link te leva. Se não funcionar, provavelmente a referência relativa do arquivo CSS está errada ou tem algum errinho de sintaxe. Forte abraço!

[@Akas03]

cara como posso deixar o link que eu clicar destacado após eu ter clicado no mesmo? e assim quando navegar pelos links eles "trocarem de destaque"

[@programacaoweb]

Oi MelbyLaw. Para destacar um link após clicar nele, você pode utilizar estilos de CSS para aplicar uma formatação especial ao link quando ele estiver em seu estado "visitado". Exemplo: a:visited { color: red; font-weight: bold; } Neste exemplo, a cor do link será alterada para vermelho e a fonte ficará em negrito depois que o usuário clicar no link. Você pode personalizar essas propriedades conforme suas preferências. Forte abraço!

[@teotoniaeduardo4180]

Gostaria de ser apoiador. Como faço?

[@programacaoweb]

Se quiser se tornar membro do canal 👉 youtube.com/@programacaoweb/join Se quiser fazer meu curso completo 👉 curso.programacaoweb.com.br Abraço!

[@Bilicatv]

Não sei se é por que o video é antigo, mas infelizmente não funcionou no meu :{

[@Aschmeday00]

As vezes as atualizações da linguagem mudam a maneira que alguns atributos ou tags funcionam. Tu pode pedir pro chatgpt criar a mesma linha de código só que com as correções adequadas. Explica como tu quer o código e pede variações que funcionam do mesmo jeito. Espero ter ajudado

[@juninhobv5159]

Otimó video , mas ele não vai "herdar" vai ficar padrão não ?

[@programacaoweb]

Oi TwoPapi TV. No exemplo do vídeo utilizamos classes especificas para cada botão, para não confundir muito quem está começando. Cada classe de botão é única. Mas poderia sim criar um padrão e fazer ele ser herdado em todos os outros links, só acrescentando as diferenças necessárias como cor, borda, etc na classe. Forte abraço!

[@MarioRodriguez-iw6bz]

Eu tento usar "margin" em um link e não acontece absolutamente NADA 😭😭

[@joaopatrickqueirozmaia1215]

use com valor de % em vez de PX a diferença é mais perceptível.