Este é meu primeiro post, espero estar compartilhando aqui todos os dias algo novo.
O blog em sí já é algo novo para min vou deixar aqui soluções de problemas , hacksinhos e dicas relacionadas ao front end inicialmente.
Hoje vou mostrar como escrever olá mundo na tela com CSS, e quebrar a maldição de não ser um bom blogueiro .
No html vou deixar somente uma tagsinha de span para fazer essa brincadeira :
<span></span>
A estrutura base do html é importante para que o navegador reconheça a tabela de caracteres, lingua e versão do html, mas para rodar na sua maquina local não tem problema colocar só o span.
Agora vamos ao CSS:
span::before{
content:"Olá "
}
span::after{
content:"mundo"
}
Aqui nos temos pseudo elementos indicados por ::before ::after
, um significa antes e o outro depois, ou seja, da nossa tag spam.
O content significa o conteudo, que nesse caso é um texto. Ao fazer a inserção do texto pelo css ele é inserido na folha de html e impresso no navegador, porêm não aparece no resultado das buscas dos navegadores, portanto não são semanticos, é bom ter isso em mente caso use essa tecnica para inserir texto 😉.
Ai está nosso olá mundo, e a maldição de ser um mal blogueiro está quebrada rs.
Top comments (0)