Estilo Global
Estilo Global controla o estilo visual amplo de uma página.
Use-o para definir bases de projeto consistentes antes de ajustar seções, contêineres e elementos individuais.
Quando usar o estilo global
Use o estilo global quando desejar uma base consistente em toda a página.
Exemplos:
- Direção tipográfica de toda a página.
- Cores comuns e estilo visual.
- Espaçamento ou padrões de design reutilizáveis.
- Aparência geral da página antes das edições em nível de elemento.
Estilo global versus estilo de elemento
| Área de estilo | Melhor uso |
|---|---|
| Estilo global | Consistência visual ampla em toda a página. |
| Estilo de elemento | Ajustes específicos para um elemento ou contêiner selecionado. |
Comece com Estilo Global e depois ajuste elementos individuais somente quando necessário.
Melhores práticas
- Defina o estilo amplo da página antes do estilo detalhado do elemento.
- Mantenha a tipografia e as cores consistentes em seções repetidas.
- Evite personalizar excessivamente cada elemento se uma regra global puder alcançar o mesmo resultado.
- Verifique as visualizações responsivas após alterar as configurações amplas de estilo.
- Salvar após grandes atualizações de estilo.
Documentos relacionados
Perguntas frequentes
O que devo definir em Estilo Global antes de editar elementos?
Defina primeiro a base visual da página: tipografia, cores principais, fundos e padrões gerais de espaçamento. Depois ajuste seções, containers ou elementos específicos apenas quando precisarem de exceção.
O Estilo Global altera todos os elementos automaticamente?
Ele afeta a base visual da página, mas elementos com estilos próprios podem manter ajustes específicos. Se um bloco não mudar, revise a aba Style do elemento selecionado.
O que devo revisar depois de alterar estilos globais?
Abra as visualizações desktop, tablet e mobile, revise contraste, tamanhos de texto, fundos, botões e formulários. Salve a página depois de confirmar que as seções repetidas continuam consistentes.