Chap3 css Les bases du CSS Dr N BAME CCSS Cascading Style Sheets ? C'est un langage qui vient compléter le HTML ? Rappel sur son rôle gérer la mise en forme des pages du site ? permet de choisir la couleur du texte ? permet de sélectionner la police utili
Les bases du CSS Dr N BAME CCSS Cascading Style Sheets ? C'est un langage qui vient compléter le HTML ? Rappel sur son rôle gérer la mise en forme des pages du site ? permet de choisir la couleur du texte ? permet de sélectionner la police utilisée sur le site ? permet de dé ?nir la taille du texte les bordures le fond ? ? permet aussi de faire la mise en page du site ? Positionnement du menu soit à gauche et la largeur que l'entête de de la page soit calé en haut et qu'il soit toujours visible etc CConcepts de base ? Sélecteurs ? En CSS le plus di ?cile est de savoir cibler le texte dont on veut changer la forme ? Pour cibler on dit sélectionner ? les éléments de la page à modi ?er on utilise ce qu'on appelle des sélecteurs ? Un sélecteur va servir à déterminer à quel s élément s HTML ou à quel type d ? éléments on souhaite appliquer un style particulier ? Si l ? on souhaite appliquer un style particulier à tous les paragraphes par exemple on utilisera le sélecteur p ? ? Toute balise peut être un sélecteur CConcepts de base ? Propriété ? Une propriété va nous servir à modi ?er le style d ? un élément en ciblant un critère bien particulier comme la taille d ? un texte sa police ou sa couleur par exemple CConcepts de base ? Valeur ? Une valeur en ?n va venir compléter une propriété et va en déterminer le comportement ? Pour la propriété servant à changer la couleur d ? un texte par exemple la valeur va être la nouvelle couleur à appliquer CSyntaxe de CSS sélecteur propriete valeur propriete valeur propriete valeur ? proprieteN valeurN ? Entourer les propriétés et les valeurs avec des accolades ? Placer un point virgule après avoir spéci ?é une valeur pour chacune des propriétés ? Chaque propriété est séparée de sa valeur par un deux-points Cp color blue font-size px Exemple Sélecteur valeur propriété ? Dans cet exemple nous utilisons le sélecteur simple p ? ce qui signi ?e que nous souhaitons appliquer un style particulier à tous les paragraphes de nos pages ? Nous utilisons les propriétés color ? qui sert à modi ?er la couleur d ? un texte et font-size ? pour changer la taille d ? un texte ? Cela signi ?e donc que nous travaillerons sur la couleur et la taille de nos paragraphes ? En ?n nous indiquons que nous voulons que tous nos paragraphes s ? a ?chent en bleu gr? ce à la valeur blue ? et que notre texte ait une taille de px avec la valeur px ? CO? écrire le CSS ? dans l'en-tête du ?chier HTML ? directement dans les balises du ?chier HTML via un attribut style méthode la moins recommandée ? dans un ?chier css méthode la plus recommandée CCSS dans l'en-tête du
Documents similaires
-
28
-
0
-
0
Licence et utilisation
Gratuit pour un usage personnel Attribution requise- Détails
- Publié le Apv 05, 2021
- Catégorie Creative Arts / Ar...
- Langue French
- Taille du fichier 81.7kB