Méthode :
Les commentaires dans une feuille de style CSS utilisent la balise suivante : /* mon commentaire */
.
Un ensemble de règles CSS se compose d'un sélecteur et d'un bloc de déclaration :
Le sélecteur pointe vers l'élément HTML que vous souhaitez styliser.
Le bloc de déclaration contient une ou plusieurs déclarations séparées par des points-virgules.
Chaque déclaration comprend 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.
On peut attribuer un style seulement à des éléments web bien identifiés qui vont posséder un identifiant noté "id". Il ne peut y avoir deux identifiants identiques dans une page web.
Exemple : <article id="objectifs">
On peut attribuer un style à des éléments ayant tous le même attribut "class".
.
A vous de jouer !
Dans l'ensemble des ressources téléchargées, tu disposes d'une feuille de style css et d'une page web nommée « page_web_css.html ». Ouvre cette page web avec le logiciel Notepad++ et également dans un navigateur.
1. Le nom de la feuille de style dans la page web ne correspond pas au nom du fichier. Modifie ce nom afin que cette feuille de style puisse être utilisée lorsque l'on veut visualiser la page web dans un navigateur. Actualise alors cette page web dans le navigateur.
2. Ouvre la feuille de style avec Notepad++ et modifie la couleur d'arrière plan de la partie « Attendus sur le thème du web » en utilisant le code « chocolate » pour cette couleur.
3. Tu dois maintenant modifier la feuille de style pour chacun des « articles » de cette page web afin que la page web obtenue soit originale avec un style harmonieux entre les articles.
Critères de notation : originalité (2pts), harmonie de style (1pt), nombre d'éléments créés (5pts) et modifiés (2pts).
.