O seu primeiro excerto CSS em quatro passos
Um guia simples para selecionar um elemento, consultar os estilos e copiar o código.
Não precisa de registo. Comece numa página web normal, não num separador chrome:// nem na Chrome Web Store. Se não vir o ícone, abra o menu Extensões (peça de puzzle) e afixe o One-Click CSS Copy na barra.
Como obter os estilos CSS de um elemento
- 01
Abra a página e a extensão
Numa página HTTP/HTTPS compatível, clique no ícone One-Click CSS Copy na barra do Chrome.
- 02
Escolha «Select an element»
Ao mover o ponteiro, o elemento por baixo fica destacado.
- 03
Selecione um elemento
Clique num botão, título ou cartão. Veja o CSS calculado e o número de propriedades no painel.
- 04
Prima «Copy CSS»
Cole o código no editor, substitua .copied-element e escolha «Inspect another» se quiser continuar.
Faça um primeiro teste com um botão
Compare o background-color, o padding e o border-radius com o painel Computed do DevTools. Assim percebe melhor o que foi incluído no excerto e o que ficou de fora.
.copied-element {
background-color: #2563eb;
color: #ffffff;
padding: 12px 18px;
border-radius: 10px;
font-weight: 600;
}Exemplo ilustrativo · os valores dependem do elemento
Antes de começar
A versão Free permite cinco cópias bem-sucedidas por dia. Se a escrita na área de transferência estiver bloqueada, selecione o CSS e copie-o manualmente. Escape ou Cancel termina o modo de seleção.
Grátis: 5 cópias de CSS bem-sucedidas por dia
Se precisar de ajuda
A seleção não arranca
Confirme que está numa página HTTP/HTTPS normal e volte a tentar.
O resultado tem outro aspeto
Verifique o elemento-pai, os tipos de letra, os recursos externos e o seletor.
Quero escolher outro elemento
Clique em «Inspect another» no painel de resultados.