« Css » : différence entre les versions
Aucun résumé des modifications |
Aucun résumé des modifications |
||
| Ligne 1 : | Ligne 1 : | ||
'''html_tag{} def de façon globale les tag HTML dans l'ensemble de la page''' | '''html_tag{} def de façon globale les tag HTML dans l'ensemble de la page''' | ||
| Ligne 21 : | Ligne 20 : | ||
} | } | ||
'''Les id sont à utilisation unique c'est la grosse différence avec une classe.''' Ils viennent préciser un tag html. | |||
<div id="nom_id"> ou encore <tr id="nom_autre_id"> <p id="">. | |||
Ils sont défini dans la feuille de style par un # devant leur nom. | '''Les id sont à utilisation unique c'est la grosse différence avec une classe.''' | ||
Ils viennent préciser un tag html. <div id="nom_id"> ou encore <tr id="nom_autre_id"> <p id="">. Ils sont défini dans la feuille de style par un # devant leur nom. | |||
#id {} | #id {} | ||
| Ligne 30 : | Ligne 31 : | ||
Étant donné que l'id est unique il n'y a aucun intérêt à définir un #id par rapport à un autre (#id #id_2 {} => ce serait un non sens) | Étant donné que l'id est unique il n'y a aucun intérêt à définir un #id par rapport à un autre (#id #id_2 {} => ce serait un non sens) | ||
'''La classe .class''' | '''La classe .class''' | ||
agit de façon similaire à #id mais peut être répétée plusieurs fois dans la même page. | agit de façon similaire à #id mais peut être répétée plusieurs fois dans la même page. | ||
.class {} | .class {} | ||
.class a {} | .class a {} | ||
.class, .class2 {} | |||
#id .class {} prend ici tout son sens. "lorsque la classe est dans un #id alors elle change de propriétés. | #id .class {} prend ici tout son sens. "lorsque la classe est dans un #id alors elle change de propriétés. | ||
Version du 9 décembre 2007 à 13:01
html_tag{} def de façon globale les tag HTML dans l'ensemble de la page
exemple :
body{
background-color:#123456;
}
a{
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
mais on peut aussi associer les tag pour en définir plusieurs en une seule phrase (la vigule)
a:hover, h1 {
text-decoration: underline;
}
Les id sont à utilisation unique c'est la grosse différence avec une classe.
Ils viennent préciser un tag html.
ou encore
. Ils sont défini dans la feuille de style par un # devant leur nom.
#id {}
#id a {} (défini les "a" qui seront dans le conteneur qui sera def par l'#id )
#id, #id2 {} (définira les 2 #id avec les même propriétés
Étant donné que l'id est unique il n'y a aucun intérêt à définir un #id par rapport à un autre (#id #id_2 {} => ce serait un non sens)
La classe .class
agit de façon similaire à #id mais peut être répétée plusieurs fois dans la même page.
.class {}
.class a {}
.class, .class2 {}
#id .class {} prend ici tout son sens. "lorsque la classe est dans un #id alors elle change de propriétés.