Apprendre le CSS
Qu'est-ce que c'est que le CSS ?
Le CSS est un langage qui nous permettra de décrire la présentation d'un document structuré en HTML, XHTML ou XML.
Ce "langage de présentation" est généralement écrit à l'intérieur d'une feuille de style en cascade.
En clair, l'utilisation des feuilles de styles en cascade nous permettra de gérer la mise en page d'un document, c'est-à-dire que nous pourrons définir simplement la couleur, la typographie, le positionnement (etc) des éléments d'un document.
Concrètement, que pourrai-je réaliser avec le CSS ?
Le Jardin Zen CSS est un site qui vous fera une démonstration de ce qu'on peut accomplir lorsqu'on utilise le CSS pour la conception web.
Si les conceptions réalisées vous plaisent, alors il est peut-être grand temps d'apprendre à utiliser des feuilles de style.
Pré-requis pour apprendre le CSS
Avant même d'apprendre le CSS, et donc de lire les tutoriels disponibles sur ce site, il est conseillé de connaitre les bases du HTML ou du XHTML.
- Je vous recommande les cours de Normand Lamoureux pour apprendre le Xhtml. Ses cours ne sont pas terminés, mais il existe 9 chapitres et je pense qu'ils sont suffisants pour connaitre au moins les bases du Xhtml.
- Vous pouvez aussi apprendre à créer votre site web, et par conséquent le Xhtml, en consultant le Site Du Zéro.
Aurais-je besoin de logiciels particuliers ?
Non. Vous aurez simplement besoin d'un éditeur de texte (que vous soyez sous Windows, Linux ou Mac). Le bloc-notes, par exemple, suffit largement.
Néanmoins, je vous conseille d'utiliser le logiciel Notepad ++. C'est un logiciel libre et gratuit.
Sinon, vous pouvez vous rendre sur le site de Framasoft et télécharger sur cette page un éditeur de texte qui répondra peut-être à vos attentes.
Les tutoriels
Tutoriels pour apprendre les bases des CSS
Ces tutoriels sont indispensables si vous débutez, et si vous ne connaissez strictement rien au CSS.
- Création d'une feuille de style externe
La première chose que nous allons apprendre, c'est comment créer une feuille de style externe. Nous ne chercherons pas encore à apprendre le langage CSS. - Syntaxe de base des feuilles de style
Pour ce second tutoriel, nous allons essayer de comprendre comment fonctionne le CSS. Nous allons aussi apprendre quelques termes utilisés en CSS que vous devrez connaitre pour la suite de votre apprentissage.
Les premières lignes sont théoriques, mais les suivantes sont accessibles à tous. - Lier une feuille de style à un document HTML
Pour appliquer plusieurs styles à votre document HTML, vous devez absolument le lier à une feuille de style. C'est ce que nous allons voir ensemble. - Ajouter des commentaires dans votre feuille de style
Voici comment ajouter des commentaires dans votre feuille de style.
- Les sélecteurs
Il existe plusieurs types de sélecteurs : les sélecteurs de type, les sélecteurs d'id, les sélecteurs de classes. A quoi servent-ils ? Et comment faut-il les utiliser ? - Les balises <div> et <span>
Beaucoup de personnes se demandent à quoi servent les balises <div> et <span>. La réponse est dans ce tutoriel. - Syntaxe de Regroupement
Pour gagner du temps et mieux organiser votre feuille de style, vous pouvez regrouper vos déclarations et vos sélecteurs. - Les Couleurs en CSS
Mettez de la couleur à vos éléments en utilisant les CSS !