Categoria: CSS
Fontes em CSS
Bene Silva Júnior 15/11/2021
A escolha de fontes é uma das partes mais importantes do design de um site. As fontes podem transmitir a personalidade da marca, melhorar a legibilidade e criar uma experiência visual única para o usuário. Você tem o poder de customizar fontes em CSS de várias maneiras, desde o tipo de fonte até o espaçamento […]
Espaçamento em CSS
Bene Silva Júnior 15/11/2021
O CSS oferece opções poderosas para controlar o espaçamento entre elementos, essencial para um layout visualmente agradável. Neste post, vamos explorar o espaçamento em CSS. Conceitos principais Exemplos: Atalhos e técnicas Mais exemplos práticos padding-top: Especifica a distância que o conteúdo de um elemento terá em relação a sua borda superior. O valor padrão é 0 […]
Elementos flutuantes em CSS
Bene Silva Júnior 15/11/2021
A propriedade float permite que um elemento flutue na página à esquerda ou à direita. Neste post veja elementos flutuantes em CSS. Se aplicarmos essa propriedade em um box, ele será deslocado para a direita ou para a esquerda do documento e o box seguinte ocupará seu espaço: Exemplo: um texto precisa ser posicionado em volta de […]
Dimensão em CSS
Bene Silva Júnior 15/11/2021
As propriedades de dimensão especificam o tamanho dos elementos, tais como largura, altura, alinhamentos, bem como efeitos de sobrescrever, alinhamentos etc. Neste post veja dimensão em CSS. Abaixo estão listados essas propriedades e a descrição de suas funcionalidades. Veja: color: Especifica a cor do texto contido no elemento: width: Especifica a largura da área de apresentação do […]
Cores e fundos em CSS
Bene Silva Júnior 15/11/2021
As propriedades color e background especificam as cores dos textos (normalmente chamadas de foreground color) e as cores ou imagens aplicadas no fundo dos elementos (background), respectivamente. Neste post veja cores e fundos em CSS. Abaixo estão listados essas propriedades e a descrição de suas funcionalidades. Veja: color: Especifica a cor do texto contido no elemento: […]
Bordas em CSS
Bene Silva Júnior 15/11/2021
As propriedades de bordas do CSS permitem especificar o estilo, a largura e a cor da borda de um elemento. Neste post veja bordas em CSS. Podemos definir propriedades para definir a espessura, estilo, cor entre outras características. A tabela abaixo mostra as propriedades que definem as características das quatro bordas de um elemento HTML. […]
Anatomia em CSS
Bene Silva Júnior 15/11/2021
No mundo do CSS, entender a anatomia de um estilo é fundamental para construir páginas web eficazes. Neste post, vamos aprender a anatomia em CSS e decompor os elementos-chave. 1. Seletores Os seletores são a base do CSS. Eles determinam quais elementos HTML receberão as regras de estilo. Existem vários tipos: 2. Propriedades e valores […]
Como agrupar e alinhar documentos em CSS
Bene Silva Júnior 15/11/2021
O CSS (Cascading Style Sheets) é fundamental para criar layouts elegantes e responsivos na web. Um dos desafios mais comuns que desenvolvedores enfrentam é o agrupamento e alinhamento de elementos na página. Seja para criar uma grade, centralizar conteúdo ou alinhar itens dentro de um contêiner, o CSS oferece várias ferramentas para resolver esses problemas […]
Textos sublinhados com CSS
Bene Silva Júnior 15/11/2021
Textos sublinhados em CSS são uma forma eficaz de destacar informações. Para aplicar um sublinhado, a propriedade text-decoration é utilizada, com o valor underline. Além disso, você pode personalizar a cor e a espessura do sublinhado usando text-decoration-color e text-decoration-thickness. Para remover sublinhados de links, basta definir text-decoration: none. Essa flexibilidade permite que os desenvolvedores […]
Textos rolantes verticalmente com CSS
Bene Silva Júnior 15/11/2021
Textos rolantes (ou “marquee”) são uma maneira interessante de adicionar dinamismo e movimento a uma página web. Embora a tag <marquee> tenha sido amplamente utilizada no passado, ela não é mais recomendada nas práticas modernas de desenvolvimento web devido à falta de suporte e acessibilidade. Em vez disso, podemos usar CSS para criar animações de […]
