Introduction au stylage
Cascading Style Sheet
Le CSS est un langage de style servant à décrire comment les éléments d'une page HTML devrait être affiché. C'est l'un des 3 langages principal du Web, avec le HTML et le Javascript. Ce langage nous permettra de créer des "feuilles de styles" que nous pourrons appliquer à notre HTML pour le rendre plus beau. Nous commencerons donc à avoir des pages web beaucoup plus intéressantes et attrayantes.
Création d'un fichier CSS
Pour créer un fichier CSS, vous pouvez le faire comme pour un fichier HTML.
- En créant un fichier texte dont vous renommez l'extension à .css dans votre explorateur de fichier.
- En créant un fichier CSS directement à partir de votre éditeur de code.
Peu importe de quelle façon vous créez le fichier, vous devez le mettre dans le dossier css de votre projet Web. Cela nous permettra de garder notre code de façon plus organisée.
- nom-du-projet
- assets
- css
- js
- index.html
Lier un fichier CSS
Une fois votre fichier CSS créé, nous ne pourrons pas immédiatement écrire du code dedans. En effet, il va falloir d'abords indiquer à notre page HTML d'utiliser ce nouveau fichier CSS. Pour ce faire, rendez vous dans le fichier HTML que vous voulez lier avec votre nouveau fichier CSS et ajouter la balise <link> dans la balise <head> de la page.
- rel
- Indique la relation entre le document lié et ce fichier HTML. Dans le cas du CSS, nous le mettrons toujours à "stylesheet".
- href
- Indique le chemin vers le fichier CSS que nous désirons lier. Nous utiliserons généralement un chemin relatif qui pointe dans notre dossier css.
Dans les pages suivantes, nous verrons comment écrire le code CSS pour permettre à notre navigateur d'afficher de plus belle pages.