Differences

This shows you the differences between two versions of the page.

--- 2017_2018:s1:webdoc:td2 [2017/11/06 07:49] – [La notion d’héritage/cascade] pourcelot
+++ 2017_2018:s1:webdoc:td2 [2017/11/16 10:15] (current) – [La notion d’héritage/cascade] pourcelot
@@ Line 107: / Line 107: @@
 Ceci colorera en orange uniquement les liens placés dans un paragraphe.
+Considérons par exemple une page HTML contenant le code suivant, et à laquelle on associe la feuille de style contenant la règle ''p a  {color:Orange;}'' :
 <code html>
 <body>
@@ Line 115: / Line 117: @@
 </ul>
 <h1 id="presentation">Présentation</h1>
-<p>Ce site propose des informations sur la cryptographie :
+<p>Ce site propose des informations sur la cryptographie :</p>
 <ul>
 <li><a href="crypto_sym.html">Cryptographie symétrique (AES...)</a></li>
 <li><a href="crypto_asym.html">Cryptographie asymétrique (RSA...)</a></li>
 </ul>
-Plus d'informations sur le site <a href="a_propos.html">ici</a>.</p>
+<p>Plus d'informations sur le site <a href="a_propos.html">ici</a>.</p>
 <h1 id="licence">Disclaimer</h1>
 <p>Les informations contenues sur ce site sont sous licence <a href="https://creativecommons.org/licenses/by-sa/2.0/fr/">Creative Commons CC-by-SA</a>.</p>.
@@ Line 126: / Line 128: @@
 </code>
-Cas particulier, un sélecteur de la forme //sélecteur1 > sélecteur2//, ne désigne que le cas où sélecteur2 est directement fils de sélecteur1. Par exemple, ceci peut être utile si l'on souhaite que la règle s'applique à un ''li'' qui serait contenu dans une sous-liste de type ''ul'' seulement, mais pas ''ol''.
+Quels sont les liens qui vont apparaître en orange sur la page ?
+Cas particulier, un sélecteur de la forme //sélecteur1 > sélecteur2// ne désigne que le cas où sélecteur2 est ''directement'' fils de sélecteur1. Par exemple, ceci peut être utile si l'on souhaite que la règle s'applique à un ''li'' qui serait contenu dans une sous-liste de type ''ul'' seulement, mais pas ''ol'', y compris pour des listes imbriquées.
 <code css>
 ul > li { margin-left: 10em; }
@@ Line 152: / Line 156: @@
 | lien actif (cliqué)   | a:active {color:} |
 | lien survolé   | a:hover {color:} |
-| Type de police | {font-family:"French Script MT"; |
+| Type de police | font-family:"French Script MT"; |
-| Taille de police | {font-size:xx-large; //par exemple// |
+| Taille de police | font-size:xx-large;  |
 | Couleur du texte | color: |
 | Texte en gras | font-weight:bold; |
@@ Line 159: / Line 163: @@
 | Texte souligné | text-decoration:underline; |
 | Couleur de fond | background-color: |
+Vous pouvez également utiliser la balise ''<abbr>'' ([[https://developer.mozilla.org/fr/docs/Web/HTML/Element/abbr|description]]).
 </note>
 ==== Combinaison de sélecteurs ====