Artigos sobre CSS

Como personalizar a barra de rolagem
Éverson da Luz imagem 11 de Fevereiro de 2021

Como personalizar a barra de rolagem

Personalizar a barra de rolagem pode trazer uma identidade única e um visual mais atraente para o seu site. Personalizar a barra de rolagem não é difícil, pois o CSS e a tecnologia Webkit nos fornecem pseudo elementos para fazer isso de forma simples e fácil.

Menu vertical com 3 níveis - CSS
Éverson da Luz imagem 16 de Outubro de 2020

Menu vertical com 3 níveis - CSS

Menus verticais estão presentes em diversos sites e sistemas, um menu de apenas um nível é bem simples de fazer, agora quando é necessário dividi-lo em submenus por causa de seu tamanho, categoria ou conteúdo, aí a coisa começa a ficar um pouco mais complicada. Nesse artigo demonstrarei de forma simples como desenvolver um menu vertical com vários níveis de submenus.

Centralizar div ou outro elemento CSS
Éverson da Luz imagem 16 de Agosto de 2020

Centralizar div ou outro elemento CSS

Centralizar div ou outro elemento com CSS sempre foi uma dúvida recorrente para quem está iniciando na programação Web, talvez devido ao fato de ser um recurso muito utilizado em sites e plataformas Web, nesse artigo pretendo demonstrar várias técnicas para centralizar div ou outro elemento HTML na horizontal, vertical ou em ambos.

Fixar menu no topo CSS
Éverson da Luz imagem 17 de Setembro de 2019

Fixar menu no topo CSS

Fixar o menu no topo da página é um recurso muito utilizado em sites e blogs, e nesse artigo vou demonstrar como conseguir fazer isso de forma simples e objetiva, utilizando apenas CSS com os positions sticky e fixed, e também um exemplo utilizando JavaScript.

Less - Mixins - Funções em CSS
Éverson da Luz imagem 23 de Outubro de 2016

Less - Mixins - Funções em CSS

Com Less podemos definir Mixins, que são semelhantes a funções em linguagens de programação, onde podemos passar parâmetros e reutilizá-los quantas vezes forem necessários, a utilização de um mixin deixa o código mais limpo, fácil de dar manutenção e evita duplicidade de código.

Medida em - Converter px para em - CSS
Éverson da Luz imagem 29 de Novembro de 2015

Medida em - Converter px para em - CSS

A medida relativa em é muito útil, pois se adapta a diversas resoluções e é de fácil manuseio quando se é necessário alterar o tamanho de todas as fontes do site. Vou demonstrar como essa medida funciona e como converter px (pixel) para em.

Box-sizing - Bordas e padding internos - CSS
Éverson da Luz imagem 20 de Setembro de 2015

Box-sizing - Bordas e padding internos - CSS

A propriedade box-sizing é muito útil, com ela podemos alterar o box model padrão dos elementos, colocando bordas e paddings para dentro do elemento. Fazendo com que os elementos tenham exatamente a largura e altura definidas.

Min Max Height Width
Éverson da Luz imagem 27 de Abril de 2013

Min Max Height Width

Propriedade CSS Min e Max Height e Width, usadas quando você precisa que seu conteúdo aumente automaticamente mas com um tamanho inicial ou final predefinido

Mostrar imagem ao passar mouse sobre link
Éverson da Luz imagem 16 de Novembro de 2013

Mostrar imagem ao passar mouse sobre link

Efeito para mostrar uma imagem ao passar o mouse sobre um link, utilizando apenas CSS. Simples e fácil, e pode ser usado tanto para link quanto para qualquer outro elemento.

Voltar para o topo