User Tools
2017_2018:s1:webdoc:td2
Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision Last revision Both sides next revision | ||
|
2017_2018:s1:webdoc:td2 [2017/11/06 08:49] pourcelot [La notion d’héritage/cascade] |
2017_2018:s1:webdoc:td2 [2017/11/06 10:15] pourcelot [La notion d’héritage/cascade] |
||
|---|---|---|---|
| Line 107: | Line 107: | ||
| Ceci colorera en orange uniquement les liens placés dans un paragraphe. | 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> | <code html> | ||
| <body> | <body> | ||
| Line 126: | Line 128: | ||
| </code> | </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> | <code css> | ||
| ul > li { margin-left: 10em; } | ul > li { margin-left: 10em; } | ||
| Line 152: | Line 156: | ||
| | lien actif (cliqué) | a:active {color:} | | | lien actif (cliqué) | a:active {color:} | | ||
| | lien survolé | a:hover {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: | | | Couleur du texte | color: | | ||
| | Texte en gras | font-weight:bold; | | | Texte en gras | font-weight:bold; | | ||
| Line 159: | Line 163: | ||
| | Texte souligné | text-decoration:underline; | | | Texte souligné | text-decoration:underline; | | ||
| | Couleur de fond | background-color: | | | Couleur de fond | background-color: | | ||
| + | |||
| + | Vous pouvez également utiliser la balise ''<abbr>'' ([[https://developer.mozilla.org/fr/docs/Web/HTML/Element/abbr|description]]). | ||
| </note> | </note> | ||
| + | |||
| ==== Combinaison de sélecteurs ==== | ==== Combinaison de sélecteurs ==== | ||
2017_2018/s1/webdoc/td2.txt · Last modified: 2017/11/16 11:15 by pourcelot
Page Tools
Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Noncommercial-Share Alike 4.0 International
