Contenu principal
Apprendre à coder
Cours : Apprendre à coder > Chapitre 2
Leçon 2: Introduction au CSSAstuce : sélection par nom de balise
Comme vous venez juste de l'apprendre, nous utilisons des règles CSS pour sélectionner des éléments sur une page Web afin de pouvoir leur appliquer des styles.
Pour dire à notre règle CSS à quels éléments HTML nous devons appliquer un style, nous utilisons des sélecteurs. Il y en a de nombreux types, que nous verrons plus tard. Passons juste en revue celui qui a été montré durant l'exposé interactif : le sélecteur d'élément.
Le sélecteur d'élément sélectionnent des éléments HTML en se basant sur leurs noms de balise. Chaque élément HTML
<h1>
, <p>
, <li>
, <body>
et tous les autres peuvent être sélectionnés en CSS grâce à leurs noms de balises sans les chevrons (<
et >
). Par exemple, vous pouvez sélectionner toutes les balises <p>
dans votre page Web en utilisant le sélecteur d'élément p
. Voici une règle CSS qui modifie la couleur de chaque paragraphe dans une page Web :p {
color: rgb(255, 0, 0);
}
Vérifions si cela fait sens. Laquelle de ces règles permet de sélectionner tous les éléments
<h2>
d'une page ?Vous allez essayer d'utiliser des sélecteurs d'éléments avec des noms de balise différents au cours du prochain défi. Quand vous expérimentez, prêtez attention à l'effet que vos règles CSS ont sur la page (quels éléments changent de couleur et quels autres non).
Vous souhaitez rejoindre la discussion ?
- traduire en francais rapidement please(5 votes)
- Salut,
En attendant que cela soit fait, vous pouvez faire aider avec les extensions de navigateur bien utiles, tel que : "Google Translate", "igTranslator: Google™ Translator", "ImTranslator: Traducteur, Dictionnaire, Voix". Je les utilise actuellement quand j'ai du mal à traduire un mot ou un texte. Je suis sur le navigateur Opera actuellement mais je crois qu'ils sont aussi disponible sur Google Chrome et Mozilla Firefox (peut-être pas tous mais il y en a sûrement d'autres utiles et bien faits). Voilà :)
Bon courage à tous ;)(1 vote)
- Comment attribuer une spécifique à un id ou Class dans un ensemble d'élément de même nature .(3 votes)
- Est-ce qu'il est possible de choisir des couleurs différentes pour chaque paragraphe distinct? Merci!(3 votes)
- comment colorier des paragraphes avec des couleurs différentes(2 votes)
- bonsoir est ce qu'on peut aussi utiliser le code hexadécimale pour changer les couleurs?(2 votes)
- tu es libre pour utiliser ce que tu veux(1 vote)
- quels sont les balises essentielles pour l'utilisation de css(1 vote)
- pour une programmation efficace quelles sont les règles css adoptées?(1 vote)
- sur le defi de creature colore je n'arrive pas a passer pourtant j'ai bien répondu(1 vote)
- Je n'ai pas compris la demarche(1 vote)
- slt désolé de vous dérangé je veux avoir si je suis dans khan academy pour sonatel ou non(1 vote)