Design e cores

Layout e tipografia CSS

Conversor PX e REM · Gerador de grades CSS · Tamanho de fonte fluido CSS · Criar variáveis CSS. Layout e tipografia CSS. Cada tarefa mantém entradas e opções. Escolha um destino antes de reutilizar um resultado.

Sem cadastro

Cada tarefa mantém entradas e opções. Escolha um destino antes de reutilizar um resultado.

Criar variáveis CSS

Criar variáveis CSS — Digite dados e confira o formato ou conteúdo

Link para esta tarefa

Carregando ferramenta…
Como usar · Criar variáveis CSS
  1. Guia de entrada: Nome=valor (um por linha).
  2. Execute a ferramenta e confira o resultado.
  3. Copiar resultado / Salvar resultado.

Confira primeiro o formato do exemplo. Guarde o original e verifique valores, espaços e quebras antes de usar o resultado.

Entradas e arquivos somem ao sair ou recarregar. Rascunhos e opções salvos explicitamente são mantidos separadamente. Confira os resultados.

Funções disponíveis · 9
Conversor PX e REM
Converta usando o tamanho da fonte raiz
Gerador de grades CSS
Gerador de grades CSS — Escolha tamanhos ou cores e confira o código ou resultado
Tamanho de fonte fluido CSS
Tamanho de fonte fluido CSS — Escolha tamanhos ou cores e confira o código ou resultado
Criar variáveis CSS
Criar variáveis CSS — Digite dados e confira o formato ou conteúdo
Gerar media queries CSS
Gerar media queries CSS — Digite dados e confira o formato ou conteúdo
Escala de espaçamento CSS
Escala de espaçamento CSS — Escolha tamanhos ou cores e confira o código ou resultado
Escala tipográfica CSS
Escala tipográfica CSS — Escolha tamanhos ou cores e confira o código ou resultado
Fonte · CSS · Gerador
Entradas: Nome, URL, Modo, Peso

Como usar

  1. 1Pesquise ou escolha uma tarefa e insira os dados.
  2. 2Execute a tarefa e confira resultados ou erros.
  3. 3Escolha Reutilizar resultado, selecione um destino e aplique.

Saiba mais

Entradas e arquivos somem ao sair ou recarregar. Rascunhos e opções salvos explicitamente são mantidos separadamente. Confira os resultados.

Os anúncios podem processar dados de conexão. A personalização segue suas escolhas de privacidade. Privacidade (inglês)

Ferramentas relacionadas

Todas as ferramentas