Cheguei até aqui por a caso, O uso do border-bottom algumas vezes é um problema quando você quer definir um width, então a linha vai se adaptar ao tamanho da caixa ao invés do comprimento do texto, (apesar de a não ser display: inline-block, o que pode ser alterado). text-underline-offset: 0.3em; /* controla a distância do sublinhado, (possível substituto para boder-bottom com padding )*/ text-decoration-color: currentColor; /* o currentColor mantem a cor da propriedade color, border-color também aceita currentColor */ text-decoration-thickness: 1px; /* altera a grossura da linha */ text-decoration-skip-ink: none; /* mantém a linha initerrupta */
Poderia me explicar o motivo de informar que um link te levará para uma página externa se trata de acessibilidade? Sou novato no assunto e não entendi o motivo ainda rs Obrigado!
Sucesso sempre...
me ensinou muito!
Cheguei até aqui por a caso,
O uso do border-bottom algumas vezes é um problema quando você quer definir um width, então a linha vai se adaptar ao tamanho da caixa ao invés do comprimento do texto, (apesar de a não ser display: inline-block, o que pode ser alterado).
text-underline-offset: 0.3em; /* controla a distância do sublinhado, (possível substituto para boder-bottom com padding )*/
text-decoration-color: currentColor; /* o currentColor mantem a cor da propriedade color, border-color também aceita currentColor */
text-decoration-thickness: 1px; /* altera a grossura da linha */
text-decoration-skip-ink: none; /* mantém a linha initerrupta */
Muito bom, so precisa ir um pouco devagar em alguns pontos de explicação, com sua experiencia ja fica ate automatico.
Obrigado pelo feedback Alessandro. Sucesso nos estudos. 🙏🚀
como faço pra deixar essas cores do vscode igual as suas?
Olá. Vc precisa instalar a extensão do tema Dracula.
Eu fiz assim no meu, .hero h1 {
color: #ebebeb;
font-size: 36px;
font-weight: bold;
text-shadow:
2px 2px 0px black,
-2px -2px 0px black,
2px -2px 0px black,
-2px 2px 0px black;
}
Poderia me explicar o motivo de informar que um link te levará para uma página externa se trata de acessibilidade?
Sou novato no assunto e não entendi o motivo ainda rs
Obrigado!
Isso mesmo Chuck. A ideia é sempre melhorar a acessibilidade e não confundir o usuário. ❤️