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 »
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 »
Isto foi útil? Enviar Cancelar Obrigado pelo seu feedback!
HTML Para iniciantes – Anatomia HTML – Aula 1 Read More »
A área de desenvolvimento Front-end vem evoluindo muito nos últimos tempos. No inicio a maioria dos efeitos de hover e click só era possível com o uso de Javascript, porém as coisas evoluíram e hoje é possível adicionar evento click usando apenas CSS e HTML. Hoje usando apenas o CSS você consegue resolver muitos problemas
Criando menu responsivo css simples com hover e click no mobile Read More »
Para muito criar um simples template HTML de e-mail marketing, quando não se tem um sistema de envio que cria automaticamente. O e-mail é um grande bicho de sete cabeças, e em alguns caso para profissionais de marketing ou até mesmo Front-End terão que acabar criando um e-mail. Nesse componente eu criei toda a estrutura
Modelo HTML de template de e-mail marketing grátis Read More »
Tabela totalmente criada em CSS e HTML para demonstrar preços e funcionalidades no site. Trabalhar com vendas de serviços ou produto, exige uma demonstração clara do que está vendendo os planos e os preços, nesse componente, simples você encontra uma tabela que faz esse trabalho. Geralmente quando se trabalha com prestação de serviços as empresas
Tabela de planos e preços em HTML e CSS [Atualizado 2021] Read More »