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!
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.
Aprenda as dicas e técnicas mais recentes para usar no seu trabalho agora mesmo.
Saiba mais sobre os recursos mais recentes do CSS que estão disponíveis como padrão em todos os principais mecanismos de navegador.
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.
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.
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.
Do acessibilidade ao z-index, o CSS Podcast é uma ótima maneira de aprender mais sobre CSS com alguns dos maiores especialistas do setor.
CURSO

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.

Aprenda as dicas e técnicas mais recentes para usar no seu trabalho agora mesmo.
Adapte uma fonte às preferências dos usuários para que eles tenham o máximo de conforto ao ler seu conteúdo.
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.
Melhorar a experiência de depuração da Web com mapas de origem.
A subgrade agora é interoperável nos três principais motores. Saiba como usar.

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.

O @starting-style se tornou o valor de referência recentemente disponível em agosto de 2024.
font-size-adjust ficou disponível como valor de referência em julho de 2024.
@property ficou disponível como valor de referência em julho de 2024.
O light-dark() se tornou o valor de referência recentemente disponível em maio de 2024.
align-content no layout de bloco passou a ser a base de referência, disponível em abril de 2024.
Os valores offset-position e offset-path passaram a estar disponíveis como padrão em janeiro de 2024.

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.

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.
Técnicas de animação criadas usando CSS ou JavaScript com considerações sobre acessibilidade e preferências do usuário.
Técnicas para ajudar a gerenciar as cores em todos os projetos.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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 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.