Neste post vamos ensinar como suavizar a barra de rolagem usando apenas CSS. Muito usada em página Onepage, onde concentra todo o conteúdo em uma única página. Vídeo demonstrativo: Para suavizar a barra de rolagem, basta adicionar o código scroll-behavior: smooth ao elemento html do seu site para permitir que o efeito seja criado. Vale […]
Suavizando scroll usando apenas CSS Read More »
Os seletores CSS são usados para “encontrar” (ou selecionar) os elementos HTML que você deseja estilizar. O seletor de id CSS O seletor de id usa o atributo id de um elemento HTML para selecionar um elemento específico. O id de um elemento é único dentro de uma página, então o seletor de id é
Variáveis CSS são entidades definidas por desenvolvedores, contendo valores específicos para serem reutilizados ao longo da folha de estilo. São configuradas usando esta notação (ex: –cor-principal: black; ) e são acessadas usando a funcão var() (ex: color: var(–cor-principal); ). Uso básico No exemplo anterior foram declaradas duas variáveis dentro do seletor :root, que é a
O que são Uma pseudo-classe é usada para definir um estado especial de um elemento. Exemplo:Definir o estilo de um elemento quando o usuário passa o mouse sobre ele. Estilizar links visitados e não visitados de maneira diferente. Defina o estilo de um elemento quando ele receber o foco. Pseudo-Classes – Links :link – Tem
CSS Pseudo Classes Read More »
Um pseudo-elemento CSS é uma palavra-chave adicionada a um seletor que permite que você estilize uma parte específica do elemento selecionado sem acesso ao HTML usando apenas o CSS. Neste artigo vamos falar dos elementos citados abaixo: ::after ::before ::first-letter ::first-line ::selection ::after Cria um pseudo-elemento que é o último filho do elemento selecionado. Muitas
CSS Pseudo Elemento Read More »
Isto foi útil? Enviar Cancelar Obrigado pelo seu feedback!
Aprendendo Flexbox Read More »
Isto foi útil? Enviar Cancelar Obrigado pelo seu feedback!
HTML Para iniciantes – Tabela HTML – Aula 5 Read More »
Isto foi útil? Enviar Cancelar Obrigado pelo seu feedback!
HTML Para iniciantes – Elementos HTML – Aula 4 Read More »
Isto foi útil? Enviar Cancelar Obrigado pelo seu feedback!
HTML Para iniciantes – Metadados – Aula 3 Read More »
Isto foi útil? Enviar Cancelar Obrigado pelo seu feedback!
HTML Para iniciantes – Formatação de textos – Aula 2 Read More »