CSS
O CSS é a camada de apresentação da Web. Ele permite que você estilize o HTML para alcançar as metas de design que você tem em mente para o site. Aqui, você pode encontrar uma variedade de coleções de conteúdo, cursos, padrões e links para outros artigos úteis para guiar você em sua jornada para aprender e usar CSS para deixar suas páginas da Web do jeito que você imaginava!
Vá em frente nesta página:
Aprender CSS
Se você é novo no CSS, temos o que você precisa. Nosso curso "Aprenda sobre CSS" orienta você pelas noções básicas de como o CSS funciona.
Novidades em CSS e design de interface
Aprenda as dicas e técnicas mais recentes para usar no seu trabalho agora mesmo.
Recursos de referência recém-disponíveis no CSS
Saiba mais sobre os recursos mais recentes do CSS que estão disponíveis como padrão em todos os principais mecanismos de navegador.
Conheça os padrões de CSS
Confira alguns dos nossos padrões CSS que você pode usar para criar layouts, animações e temas para suas páginas da Web com rapidez.
CSS e performance
Quando se trata de velocidade da página, o CSS é uma das coisas que você precisa considerar. Esses guias podem ajudar você a resolver problemas comuns de desempenho ao usar CSS.
CSS e acessibilidade
A forma como você usa o CSS pode afetar a acessibilidade dos seus aplicativos da Web. Esses guias podem ajudar você a usar o CSS de uma forma que facilite o uso dos seus aplicativos da Web para mais pessoas.
The CSS Podcast
Do acessibilidade ao z-index, o CSS Podcast é uma ótima maneira de aprender mais sobre CSS com alguns dos maiores especialistas do setor.
CURSO
Ainda não conhece o CSS?
Se você é novo no CSS, temos o que você precisa. Nosso curso Aprender CSS orienta você sobre os fundamentos do funcionamento do CSS, começando por seletores, propriedades, valores, princípios básicos de layout e como aplicá-los às suas páginas da Web.
Novidades em CSS e design de interface
Aprenda as dicas e técnicas mais recentes para usar no seu trabalho agora mesmo.
Como adaptar a tipografia à preferência do usuário usando CSS
Adapte uma fonte às preferências dos usuários para que eles tenham o máximo de conforto ao ler seu conteúdo.
Novos espaços de cor e funções CSS nos principais mecanismos
Todos os principais mecanismos agora oferecem suporte aos novos espaços de cores e funções do CSS. Descubra como elas podem dar vida aos seus designs.
O que são os mapas de origem?
Melhorar a experiência de depuração da Web com mapas de origem.
Subgrade CSS
A subgrade agora é interoperável nos três principais motores. Saiba como usar.
Recursos de CSS recém-disponíveis
Os indicadores de baseline informam aos desenvolvedores da Web quando os recursos da plataforma da Web podem ser usados com segurança em todos os principais mecanismos de navegador. Confira alguns recursos de CSS que agora estão disponíveis na versão de referência.
scrollbar-gutter
O scrollbar-gutter passou a ser o valor de referência, disponível em dezembro de 2024.
::target-text
::target-text passou a ser "Valor de referência" em dezembro de 2024.
ruby-align
ruby-align passou a ser o valor de referência em dezembro de 2024.
ruby-position
ruby-position passou a ser o valor de referência em dezembro de 2024.
Sintaxe de cor relativa
A sintaxe de cor relativa do CSS passou a estar disponível em setembro de 2024.
content-visibility
A content-visibility passou a ser a base de referência em setembro de 2024.
CSS @starting-style
O CSS @starting-style passou a ser a referência de base, disponível em agosto de 2024.
font-size-adjust
O font-size-adjust passou a ser o valor de referência, disponível em julho de 2024.
@property do CSS
A @property do CSS passou a estar disponível em julho de 2024.
light-dark()
light-dark() passou a ser o valor de referência, disponível em maio de 2024.
align-content
O align-content no layout de bloco passou a ser o valor de referência, disponível em abril de 2024.
Propriedades offset-position e offset-path do CSS
Os valores de offset-position e offset-path passaram a estar disponíveis como valor de referência em janeiro de 2024.
Conheça os padrões CSS
Confira alguns dos nossos padrões CSS que você pode usar para criar layouts, animações e temas para suas páginas da Web com rapidez.
Layout
Padrões de layout criados com APIs CSS modernas que ajudam você a criar interfaces comuns, como cards, áreas de grade dinâmica e layouts de página inteira.
Animação
Técnicas de animação criadas usando CSS ou JavaScript com considerações sobre acessibilidade e preferências do usuário.
Temas
Técnicas para ajudar a gerenciar as cores em todos os projetos.
CSS e performance
O CSS é responsável por grande parte do trabalho de renderização que acontece em uma página, o que é um fator na rapidez com que uma página aparece e responde às interações do usuário. Estes guias podem ajudar você a escrever CSS pensando na velocidade da página.
Reduzir o escopo e a complexidade dos cálculos de estilo
O recalculo de estilo é um processo em que as regras do CSS são aplicadas ao DOM, e seletores muito complexos podem causar problemas de desempenho. Leia este guia para descobrir como otimizar os seletores para melhorar a performance.
content-visibility: uma propriedade do CSS que aumenta o desempenho da renderização
A propriedade
content-visibility pode ser usada para adiar a renderização de partes de uma página até que elas sejam necessárias. Este guia mostra como usar essa propriedade para melhorar o desempenho de renderização do seu aplicativo da Web.
CSS para Métricas da Web
A maneira como você escreve os estilos pode ter um impacto significativo nas Core Web Vitals. Leia este guia para saber como ajustar o CSS do seu aplicativo da Web para melhorar o desempenho.
Como tamanhos grandes de DOM afetam a interatividade e o que você pode fazer a respeito
Tamanhos grandes de DOM podem acionar operações de renderização longas, o que pode afetar a capacidade de resposta do seu aplicativo da Web à entrada do usuário. Confira este guia para saber como manter os tamanhos do DOM menores para melhorar a performance.
CSS e acessibilidade
Do contraste de cores ao design responsivo, o CSS tem um impacto definido na usabilidade dos seus aplicativos da Web para todos os usuários. Leia estes guias para aprimorar seus conhecimentos de CSS e criar aplicativos da Web que possam ser usados por mais pessoas.
Áreas de toque acessíveis
Para estilizar elementos interativos nas páginas de forma acessível, é necessário considerar o tamanho e o espaçamento dos elementos para que eles sejam mais fáceis de usar. Leia estas diretrizes para criar aplicativos da Web que sejam mais fáceis de navegar.
Acessibilidade de cor e contraste
O contraste de cores é um aspecto importante do design que permite que os usuários leiam o conteúdo com mais facilidade. Este guia pode ajudar você a criar aplicativos da Web incríveis que enfatizam a legibilidade e a usabilidade.
Design responsivo acessível
Sabemos que é uma boa ideia fazer design de modo responsivo a fim de proporcionar a melhor experiência para vários dispositivos, mas o design responsivo também produz uma conquista em termos de acessibilidade.
Reordenação de conteúdo
A ordem do conteúdo no documento é importante para a acessibilidade do seu site, e é possível que o CSS usado possa afetar a acessibilidade. Este guia dirá tudo o que você precisa saber ao usar CSS para reorganizar a ordem visual do conteúdo de suas páginas.
O podcast do CSS
O CSS é a linguagem de estilo principal da Web. Para desenvolvedores da Web, é uma das tecnologias mais rápidas para começar, mas uma das mais difíceis de dominar. Siga Una Kravets e Adam Argyle, defensores de desenvolvedores do Google, que dividem aspectos complexos do CSS em episódios fáceis de entender, cobrindo tudo, da acessibilidade ao z-index.