Premiers pas avec CSS

Vous voulez devenir un développeur web front-end ?

CSS (Cascading Style Sheets ou en français "Feuilles de style en cascade") 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 de 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 au HTML.

Nous avons mis au point un cours qui comprend toutes les informations essentielles dont vous avez besoin pour atteindre votre objectif.

Commencer

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 minimal installĂ©, comme indiquĂ© dans la section installer les logiciels de base et une comprĂ©hension 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 vos propres fichiers, vous pouvez essayer (la plupart) des exemples de code sur des sites de programmation en ligne comme JSBin ou Thimble.

Guides

Ce module contient les articles suivants, qui vous prĂ©senteront les bases thĂ©oriques du CSS et vous fourniront 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 pages 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-uns 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 langage.
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 vos nouvelles compétences
Avec toutes les choses que vous avez apprises dans les derniĂšres leçons, vous devriez ĂȘtre capable de formater des documents textuels simples en utilisant CSS et y ajouter votre propre style. Cet article vous permet d'expĂ©rimenter.

Voir aussi

Literacy 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. Approfondissements Ă  propos de l'application de styles sur les Ă©lĂ©ments HTML d'une page Web, les sĂ©lecteurs CSS, les attributs et valeurs.P