Premiers pas avec CSS

CSS (Cascading Style Sheets) est utilisé pour styliser et mettre en page des pages Web - par exemple, pour modifier la police, la couleur, la taille et l'espacement de votre contenu, le scinder en plusieurs colonnes ou ajouter des animations et autres éléments décoratifs. Ce module vous permet de commencer en douceur votre chemin vers la maîtrise CSS avec les bases de son fonctionnement, de sa syntaxe et de la façon dont vous pouvez commencer à l'utiliser pour ajouter du style à HTML.

Prérequis

Avant de commencer ce module, vous devriez avoir:

  1. Une connaissance basique de l'utilisation d'un ordinateur, et l'utilisation passive du Web (i.e. consulter des sites, consommer le contenu s'y trouvant)
  2. Un environnement de travail basic installé, comme indiqué dans la section installer les logiciels de base et une comprehension de la façon de créer et gérer des fichiers, comme indiqué dans la section Gérer les fichiers.
  3. Une familiarité avec HTML, comme discuté dans le module d'introduction à HTML.

Note: Si vous travaillez sur un ordinateur / tablette / autre périphérique où vous n'avez pas la possibilité de créer votre propres fichiers, vous pouvez essayer (la pluspart) des examples de code sur des sites de programmation en ligne comme JSBin ou Thimble.

Guides

Ce module contient les articles suivant, qui vous présenteront les bases théoriques du CSS et vous fournirons des occasions de mettre en pratique vos nouvelles compétences.

Qu'est-ce que le CSS?
CSS (Cascading Style Sheets) permet de créer de superbes pas web, mais comment fonctionne-t-il sous le capot? Cet article explique ce qu'est le CSS, à l'aide d'un exemple de syntaxe simple et couvre également quelques un des termes clés du langage.
Démarrer avec CSS
Dans cet article, nous partirons d'un document HTML simple et y appliquerons des CSS, tout en apprenant des choses pratiques sur le language.
Comment est structuré le CSS
Maintenant que vous avez une idée sur ce qu'est le CSS et les bases de son utilisation, il est temps de regarder plus précisement la structure du langage lui-même. Nous avons déjà rencontré de nombreux concepts discutés ici; vous pouvez vous référer à cette section pour référence si vous rencontrez des difficultés de compréhension des concepts plus avancés.
Comment CSS Fonctionne
Nous avons appris les bases de CSS, ce qu'il est et comment écrire des feuilles de style simple. Dans cette leçon, nous étudierons comment un navigateur transforme CSS et HTML en une page web.
Utilisez vous nouvelles compétences
Avec toutes les choses que vous avez apprises dans les dernières leçon, vous devriez être capable de formatter des documents textuels simples en utilisant CSS et y ajouter votre propre style. Cet article vous permet de d'expérimenter.

Voir aussi

Alphabétisation Web intermédiaire 1: Introduction au CSS
Un excellent cours de base de la fondation Mozilla qui explore et teste de nombreuses compétences évoquées dans le module Introduction à CSS. Approfondissement sur l'applicatin de styles sur les éléments HTML d'une page Web, les sélecteurs CSS, les attributs et valeurs.