CSS
Le CSS est la couche présentation du Web. Il vous permet de styliser le code HTML pour vous aider à atteindre les objectifs de conception que vous avez en tête pour votre site Web. Vous y trouverez une variété de collections de contenus, de cours, de modèles et de liens vers d'autres articles utiles pour vous guider dans votre apprentissage et votre utilisation du CSS afin de donner à vos pages Web le look que vous avez imaginé.
Pour passer à la section suivante de cette page :
Apprendre le CSS
Si vous découvrez le CSS, nous avons ce qu'il vous faut. Notre cours "Learn CSS" vous présente les principes de base du fonctionnement du CSS.
Les dernières nouveautés en termes de CSS et de conception d'interfaces utilisateur
Découvrez les derniers conseils et techniques à utiliser dans votre travail, dès maintenant.
Fonctionnalités standards nouvellement disponibles dans CSS
Découvrez les dernières fonctionnalités CSS de Baseline Newly, disponibles sur tous les principaux moteurs de navigation.
Découvrez les modèles CSS
Découvrez quelques-uns de nos modèles CSS que vous pouvez utiliser pour créer rapidement des mises en page, des animations et des thèmes pour vos pages Web.
CSS et performances
S'agissant de la vitesse de la page, pensez à utiliser CSS. Ces guides peuvent vous aider à résoudre les problèmes de performances courants liés à l'utilisation de CSS.
CSS et accessibilité
La façon dont vous utilisez le CSS peut avoir un impact sur l'accessibilité de vos applications Web. Ces guides peuvent vous aider à vous assurer que vous utilisez le CSS de manière à rendre vos applications Web plus faciles à utiliser pour un plus grand nombre de personnes.
The CSS Podcast
De l'accessibilité à l'indice z, le podcast CSS est un excellent moyen d'en savoir plus sur le CSS grâce à certains des plus grands experts du secteur.
COURS
Vous débutez avec le CSS ?
Si vous ne connaissez pas le CSS, nous vous proposons des ressources pour vous aider. Notre cours Apprendre le CSS vous présente les principes fondamentaux du fonctionnement du CSS, en commençant par les sélecteurs, les propriétés, les valeurs, les principes de mise en page de base et la façon dont vous pouvez les appliquer à vos pages Web.
Les dernières nouveautés en matière de CSS et de conception d'UI
Découvrez les derniers conseils et techniques à utiliser dans votre travail, dès maintenant.
Adapter la typographie aux préférences des utilisateurs à l'aide de CSS
Adaptez une police aux préférences de vos utilisateurs pour qu'ils puissent lire vos contenus dans les meilleures conditions.
Nouveaux espaces de couleur et nouvelles fonctions CSS dans tous les principaux moteurs
Tous les principaux moteurs sont désormais compatibles avec les nouveaux espaces et fonctions de couleurs CSS. Découvrez comment ils peuvent donner du pep à vos conceptions.
Que sont les cartes sources ?
Améliorez l'expérience de débogage Web avec les mappages sources.
Sous-grille CSS
Le sous-réseau est désormais interopérable sur les trois principaux moteurs. Découvrez comment l'utiliser.
Fonctionnalités CSS nouvellement disponibles
Signaux de référence destinés aux développeurs Web lorsque les fonctionnalités de la plate-forme Web peuvent être utilisées en toute sécurité sur tous les principaux moteurs de navigation. Voici quelques fonctionnalités CSS désormais disponibles dans Baseline.
@starting-style
@starting-style est devenu la référence "Nouveau disponible" en août 2024.
font-size-adjust
font-size-adjust est devenu Baseline, disponible depuis juillet 2024.
@property
@property est devenu la référence en juillet 2024.
light-dark()
light-dark() est devenu la référence disponible en mai 2024.
align-content sur la mise en page en bloc
align-content en mode bloc est devenu Baseline disponible depuis avril 2024.
Propriétés CSS offset-position et offset-path
Les valeurs
offset-position et offset-path sont devenues disponibles en tant que référence pour la première fois en janvier 2024.
Explorer les modèles CSS
Découvrez quelques-uns de nos modèles CSS que vous pouvez utiliser pour créer rapidement des mises en page, des animations et des thèmes pour vos pages Web.
Mise en page
Modèles de mise en page créés à l'aide d'API CSS modernes qui vous aident à créer des interfaces courantes telles que des cartes, des zones de grille dynamique et des mises en page pleine page.
Animation
Techniques d'animation créées à l'aide de CSS ou de JavaScript avec des considérations d'accessibilité et de préférences utilisateur.
Thématisation
Techniques pour vous aider à gérer les couleurs tout au long de vos projets.
CSS et performances
Le CSS est responsable d'une grande partie du travail d'affichage d'une page, ce qui contribue à la rapidité avec laquelle elle s'affiche et répond aux interactions des utilisateurs. Ces guides peuvent vous aider à écrire du code CSS en tenant compte de la vitesse de la page.
Réduire la portée et la complexité des calculs de style
Le recalcul de style est un processus au cours duquel des règles CSS sont appliquées au DOM. Des sélecteurs trop complexes peuvent entraîner des problèmes de performances. Lisez ce guide pour découvrir comment optimiser vos sélecteurs pour améliorer les performances.
content-visibility : propriété CSS qui améliore les performances de rendu
La propriété
content-visibility permet de différer le rendu de certaines parties d'une page jusqu'à ce qu'elles soient nécessaires. Ce guide explique comment utiliser cette propriété pour améliorer les performances de rendu de votre application Web.
CSS pour les signaux Web
La manière dont vous écrivez vos styles peut avoir un impact significatif sur les métriques Core Web Vitals. Lisez ce guide pour découvrir comment ajuster le code CSS de votre application Web afin d'améliorer les performances.
L'impact des grandes tailles de DOM sur l'interactivité et ce que vous pouvez faire pour y remédier
Les DOM volumineux peuvent déclencher des opérations de rendu longues, ce qui peut affecter la réactivité de votre application Web aux entrées utilisateur. Consultez ce guide pour découvrir comment réduire la taille des DOM afin d'améliorer les performances.
CSS et accessibilité
Du contraste des couleurs au responsive design, le CSS a un impact certain sur l'usabilité de vos applications Web pour tous les utilisateurs. Lisez ces guides pour améliorer vos connaissances en CSS et créer des applications Web accessibles à un plus grand nombre de personnes.
Éléments tactiles accessibles
Pour styliser les éléments interactifs des pages de manière accessible, vous devez tenir compte de la taille et de l'espacement des éléments afin qu'ils soient plus faciles à utiliser. Consultez ces consignes pour créer des applications Web dont la navigation est plus facile pour les utilisateurs.
Accessibilité aux couleurs et au contraste
Le contraste des couleurs est un aspect important de la conception qui permet aux utilisateurs de lire plus facilement votre contenu. Ce guide peut vous aider à créer de belles applications Web qui mettent l'accent sur la lisibilité et la facilité d'utilisation.
Conception responsive et accessible
Nous savons qu'il est judicieux de concevoir des sites Web responsifs pour offrir la meilleure expérience multi-appareil possible. Mais le responsive design est également bénéfique pour l'accessibilité.
Réorganisation du contenu
L'ordre des contenus de votre document est important pour l'accessibilité de votre site. Il est possible que le CSS que vous utilisez ait un impact sur l'accessibilité. Ce guide vous explique tout ce que vous devez savoir lorsque vous utilisez le CSS pour réorganiser l'ordre visuel du contenu de vos pages.
Podcast sur les CSS
Le CSS est le langage principal utilisé pour créer des styles sur le Web. Pour les développeurs Web, il s'agit de l'une des technologies les plus rapides à prendre en main, mais aussi l'une des plus difficiles à maîtriser. Suivez Una Kravets et Adam Argyle, développeurs Google, qui décomposent avec joie les aspects complexes du CSS en épisodes digestes couvrant tout, de l'accessibilité à l'indice z.