Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Cours 2 css pdf Styling HTML avec CSS CSS est l'acronyme de Cascading Style Sheetsen français feuille de style en cascade CSS décrit comment les éléments HTML doivent être a ?chés à l'écran sur papier ou sur un autre support CSS économise beaucoup de trav

Styling HTML avec CSS CSS est l'acronyme de Cascading Style Sheetsen français feuille de style en cascade CSS décrit comment les éléments HTML doivent être a ?chés à l'écran sur papier ou sur un autre support CSS économise beaucoup de travail Il peut contrôler la mise en page de plusieurs pages Web en même temps Des exemples de pages web a ?cher avec di ?érentes feuilles de styles C Pourquoi utiliser CSS CLe CSS permet de dé ?nir les styles de vos pages Web notamment la conception la disposition et les variations d ? a ?chage pour di ?érents appareils et tailles d ? écran Syntaxe CSS les règles CSS se compose d'un sélecteur et d'un bloc de déclaration comme le montre la ?gure suivante Le sélecteur pointe sur l'élément HTML que vous souhaitez styler par example H qui indique titre Le bloc de déclaration contient une ou plusieurs déclarations séparées par des points-virgules Chaque déclaration inclut un nom de propriété CSS et une valeur séparés par deux points Une déclaration CSS se termine toujours par un point-virgule et les blocs de déclaration sont entourés d'accolades Dans l'exemple suivant tous les éléments seront alignés au centre avec une couleur de texte rouge Hello World These paragraphs are styled with CSS Sélecteurs CSS Les sélecteurs CSS permettent de rechercher ou de sélectionner des éléments HTML en fonction de leur nom id classe attribut etc C Le sélecteur d'élément Le sélecteur d'élément sélectionne les éléments en fonction du nom de l'élément Vous pouvez sélectionner tous les éléments sur une page html comme ceci p text-align center color red dansce cas tous les éléments seront alignés au centre avec une couleur de texte rouge Le sélecteur d'identi ?ant Le sélecteur id utilise l'attribut id d'un élément HTML pour sélectionner un élément spéci ?que L'identi ?ant d'un élément doit être unique dans une page le sélecteur d'identi ?ant sert donc à sélectionner un élément unique Pour sélectionner un élément avec un identi ?ant spéci ?que écrivez un caractère dièse suivi de l'identi ?ant de l'élément La règle de style ci-dessous sera appliquée à l'élément HTML avec id para Hello World This paragraph is not a ?ected by the style Le sélecteur de classe Le sélecteur de classe sélectionne les éléments avec un attribut de classe spéci ?que Pour sélectionner des éléments avec une classe spéci ?que écrivez un caractère point Suivi du nom de la classe Dans l'exemple ci-dessous tous les éléments HTML avec class center seront en rouge et centrés C Red and center-aligned heading Red and center-aligned paragraph NB Vous pouvez également spéci ?er que seuls des éléments HTML spéci ?ques doivent être a ?ectés par une classe Dans l'exemple ci- dessous seuls les éléments avec class center seront alignés au centre This heading will not be a ?ected C This paragraph will be red and center-aligned Les éléments HTML peuvent également faire référence à plus d'une classe Dans l'exemple ci-dessous l'élément sera stylé selon class center et class large This heading