📂 Encontre Modelos por Categoria

📑 Resultados da Pesquisa para "CSS"

• Fundamentos de CSS: Guia para copiar e colar

  Guia prático de CSS para iniciantes com exemplos prontos. Aprenda propriedades, tipografia, layout e fundamentos de design.

• CSS: Adicionar linha de borda abaixo do cabeçalho com border-bottom

  Aprenda a adicionar uma linha de borda abaixo de um cabeçalho usando a propriedade border-bottom no CSS.

• 【CSS】Como Definir a Altura de um Elemento para 100%｜Uso de h-100 e h-50

  Aprenda a definir a altura de um elemento para 100% usando as classes CSS 'h-100' e 'h-50'. Este artigo explica como ajustar a altura dos elementos levando em consideração a configuração de altura do contêiner principal.

• Modelo CSS: Botão que muda de cor ao passar o mouse (:hover)

  Um modelo CSS para aplicar um efeito hover que muda a cor do botão ao passar o mouse. Simples e eficaz para melhorar a experiência do usuário.

• Template CSS: Ajustando padding-left para o botão com ícone

  Este template CSS foi criado para adicionar um espaço apropriado ao lado esquerdo do botão com ícone. Ele ajuda a criar um botão onde o ícone e o texto são devidamente espaçados.

• Template CSS: Decoração do Campo de Entrada (input { border-radius + padding })

  Um template CSS para adicionar border-radius e padding aos campos de entrada.

• Modelo CSS: Alterando a cor da borda no input:focus

  Este é um modelo CSS para alterar a cor da borda quando o elemento input recebe o foco.

• Modelo CSS: letter-spacing: 0.05em;

  Um modelo CSS para aumentar ligeiramente o espaço entre caracteres e melhorar a legibilidade.

• Template CSS: line-height: 1.8;

  Um template CSS para aumentar o espaçamento entre linhas. Inclui um exemplo prático fácil de usar, ideal para iniciantes.

• Template CSS: Carregando Spinner (Círculo e Barra Giratória)

  Um template CSS para criar um spinner de carregamento com um círculo ou barra giratória.

• 【CSS】Margem e Preenchimento Básico｜Como Usar m-0, p-10, m-20, p-5

  Aprenda as técnicas básicas para ajustar margem e preenchimento com CSS. Este artigo explica como usar as propriedades <code>m-0</code>, <code>p-10</code>, <code>m-20</code> e <code>p-5</code> com exemplos práticos.

• Modelo CSS: Classes de margem e preenchimento

  Este modelo define classes utilitárias para margens e preenchimentos verticais usados com frequência. Pode ser usado de forma simples seguindo uma convenção de nomenclatura.

• 【CSS】Deslocamento básico｜Uso de overflow-scroll

  Aprenda a usar a propriedade <code>overflow-scroll</code> do CSS para mostrar barras de rolagem quando o conteúdo transbordar. Este artigo explica como usar o display: none; e suas aplicações com exemplos.

• Personalização de Radio e Checkbox: Decoração appearance: none

  Um modelo CSS para personalizar botões de rádio e caixas de seleção. Este modelo usa appearance: none para remover os estilos padrão e ajustar o design.

• Modelo CSS: Botão arredondado (border-radius + background)

  Um modelo CSS para criar facilmente um botão com cantos arredondados e cor de fundo. Ideal para iniciantes.

• CSS: Adicionar área semi-transparente background-color: rgba(0,0,0,0.5)

  Aprenda como criar uma área semi-transparente usando background-color: rgba(0,0,0,0.5) em CSS.

• Modelo CSS: Botão com sombra para efeito de profundidade (box-shadow)

  Um modelo CSS que adiciona profundidade visual aos botões usando box-shadow. Um efeito simples e prático.

• Template CSS: Deslizar (Esquerda/Direita) transform: translateX

  Um template CSS que utiliza transform: translateX para criar efeitos de deslizar da esquerda ou da direita.

• Modelo CSS: text-align: center;

  Um modelo CSS para centralizar texto horizontalmente. Útil para títulos, botões e mensagens de destaque.

• [CSS] Fundamentos da Centralização de Texto | Como usar text-align

  Técnica básica de CSS para centralizar texto usando text-align: center;. Explicação completa com exemplos prontos para uso.

• Modelo CSS: color: red;

  Um modelo CSS simples para destacar texto em vermelho. Útil para alertas e mensagens importantes.

• Modelo CSS: Layout de Duas Colunas (25% / 75%)

  Um modelo CSS que cria um layout com duas colunas: 25% para a esquerda e 75% para a direita. Ideal para estruturas com barra lateral e conteúdo principal.

• [CSS] Comparação entre largura 100% e 50% | Como usar w-100

  Comparação entre como definir a largura de elementos em CSS com 100% e 50%. Aprenda como diferentes configurações de largura afetam o layout em relação ao elemento pai.

• 【CSS】Método básico para ocultar elementos｜Uso de .d-none

  Técnica básica para ocultar elementos usando a classe 'd-none' do CSS. Usando 'display: none;' para ocultar elementos sem removê-los da estrutura HTML.

• Template CSS: Texto Piscante com animation: blink

  Um template CSS que utiliza animation: blink para fazer o texto piscar.

• 【CSS】Configuração inicial de fonte e fundo global

  Este template mostra como configurar a fonte e o fundo global do site utilizando CSS

• CSS: Adicionar caixa com borda border: 1px solid #ccc; padding: 10px;

  Aprenda a criar uma caixa com borda e preenchimento usando CSS.

• Template CSS: Efeito de escalado ao passar o mouse sobre o botão com scale()

  Um template CSS que dá um leve efeito de aumento a um botão quando o mouse passa sobre ele utilizando scale().

• Modelo CSS: Layout de Cartão (cantos arredondados + sombra)

  Um modelo CSS para criar layouts no estilo cartão. Usa border-radius e box-shadow para obter um visual suave e moderno.

• 【CSS】Gerenciamento de Cores no Site e Configuração da Cor do Tema

  Este artigo explica como definir variáveis de cor no CSS usando :root e gerenciar as cores do tema em todo o site.

• Modelo CSS: Altura fixa com rolagem

  Este modelo CSS permite criar uma área com altura fixa e conteúdo rolável, usando overflow: auto combinado com max-height.

• 【CSS】Como usar seletores de classe

  Aprenda como usar os seletores de classe do CSS para selecionar elementos específicos e aplicar estilos.

• 【CSS】Como usar seletores ID

  Aprenda como usar seletores ID do CSS para selecionar elementos específicos e aplicar estilos a eles.

• 【CSS】Como alterar a cor do p-tag usando seletores de tag

  Aprenda a usar seletores CSS para alterar a cor do p-tag para laranja. Este tutorial ensina como modificar a cor de elementos usando seletores de tag.

• 【CSS】Método básico para ocultar elementos｜Uso de .d-none

  Técnica básica para ocultar elementos usando a classe 'd-none' do CSS. Usando 'display: none;' para ocultar elementos sem removê-los da estrutura HTML.

• CSS Reset: Remover text-decoration da tag a

  Aprenda como redefinir o text-decoration (sublinhado) padrão dos links (tag a) e aplicar estilos personalizados.

• Modelo CSS: Estilo de botão desabilitado (button:disabled)

  Um modelo CSS para estilizar botões no seu estado desabilitado usando :disabled. Comunica visualmente que o botão está inativo, mudando a cor e o cursor.

• Modelo CSS: display: flex;

  Um modelo CSS que utiliza layout flex para organizar elementos horizontalmente. Útil para caixas e design responsivo.

• CSS: Adicionar linha de borda pontilhada com border-style: dotted

  Aprenda a criar uma linha de borda pontilhada utilizando a propriedade border-style: dotted no CSS.

• Template CSS: @keyframes fadeIn + opacity

  Um template CSS que usa @keyframes e opacity para adicionar um efeito de fade-in a um elemento.

• Modelo CSS: float: left;

  Um modelo CSS que utiliza float para alinhar elementos horizontalmente. Útil para navegadores antigos e layouts simples.

• Modelo CSS: font-size: 0.8em;

  Um modelo CSS para exibir texto com um tamanho ligeiramente menor. Inclui exemplos práticos, ideal para iniciantes.

• Modelo CSS: font-style: italic;

  Um modelo CSS para exibir texto em itálico (inclinado). Inclui exemplos práticos e fáceis para iniciantes.

• Como deixar o texto em negrito com CSS font-weight: bold

  Um guia claro para iniciantes sobre como usar a propriedade CSS font-weight para deixar o texto em negrito. Inclui um modelo pronto para copiar e colar com demonstração.

• Layout de Formulário: Utilizando form-group

  Um modelo CSS para agrupar campos de formulário e criar um layout visualmente organizado. Utilizando a classe form-group para agrupar campos relacionados, este modelo melhora a experiência de entrada de dados do usuário.

• CSS: Adicionar fundo com gradiente background: linear-gradient(...)

  Aprenda a adicionar um fundo com gradiente usando a propriedade background: linear-gradient() no CSS.