Devenia Aprender / Dicionário
Compreender o estilo com CSS
O CSS define o aspeto do conteúdo HTML: tipografia, cores, espaçamento, layout e comportamento responsivo. Este guia ajuda a perceber o que os estilos podem alterar e o que não conseguem corrigir.
Comece por um e-mail. Envie a página ou a sua pergunta e responderemos com clareza.
Use o CSS como camada de apresentação.
Num ecrã largo, o CSS pode colocar duas colunas do menu lado a lado. Num telemóvel, pode empilhá-las. Os pratos e os preços mantêm-se iguais.
O que os estilos podem alterar
Um título maior não pode substituir um horário de abertura em falta nem explicar uma oferta pouco clara. Esclareça primeiro as palavras e use depois os estilos para as tornar fáceis de encontrar. Para ver um primeiro exemplo de código, consulte a introdução da MDN ao CSS.
Porque é que um estilo substitui outro
Por exemplo, uma cor de ligações pode ser definida para todo o site. Outra pode aplicar-se às ligações de navegação. As duas podem afetar uma ligação do menu.
Se uma alteração de cor não tiver efeito visível, inspecione o elemento nas ferramentas de programador. O painel Styles mostra as regras correspondentes e as declarações rasuradas. Verifique qual é a regra vencedora antes de adicionar outra substituição.
Verifique se as pessoas conseguem usar a página
Depois de alterar um estilo, teste a página com conteúdo real. Títulos longos, menus e preços podem revelar problemas que o texto curto de exemplo esconde.
Um bom estilo ajuda os visitantes a ler e a agir. Não garante melhores posições nos resultados de pesquisa. as orientações da Google sobre a experiência da página deixam claro que uma boa experiência, por si só, não garante o primeiro lugar.
CSS: perguntas frequentes
Voltar ao dicionário.
O que significa CSS?
CSS significa Cascading Style Sheets, ou folhas de estilo em cascata. Controla o aspeto dos elementos HTML: tipografia, cores, espaçamento e layout.
Qual é a diferença entre HTML e CSS?
O HTML fornece estrutura e significado, como títulos, parágrafos e listas. O CSS fornece a apresentação: o aspeto desses elementos.
Preciso de aprender CSS para criar um site?
Não. Um tema ou editor visual pode oferecer controlos de cor, tipografia e layout. Use-os primeiro para manter consistentes as páginas relacionadas. Aprenda CSS quando precisar de compreender ou alterar uma regra de apresentação que esses controlos não abrangem.
O que é design responsivo?
Design responsivo significa que um site se adapta a diferentes tamanhos de ecrã. O CSS altera o layout e o espaçamento para telemóveis, tablets e computadores.
O CSS afeta o SEO?
O CSS pode afetar a forma como uma página é apresentada e carregada. Alterar cores ou espaçamento não melhora, por si só, a posição nos resultados. Mantenha o conteúdo útil acessível. Ao alterar estilos, verifique o layout móvel e o carregamento.
Tem uma pergunta prática sobre CSS?
Envie o endereço da página, o elemento que parece errado e o tamanho do ecrã em que vê o problema. Indique também o que esperava ver, para podermos identificar a alteração de estilo necessária.