Css

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.