Css
De Admin -- TALEVAS.
(Différences entre les versions)
| (Une révision intermédiaire par un utilisateur est masquée) | |||
| 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 19 : | ||
} | } | ||
| − | '''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 30 : | ||
É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 actuelle en date du 9 décembre 2007 à 13:03
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. < 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 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.
