Les cours css : Règles principales

Page d'introduction

Définition

Lorsque vous déclarez vos propriétés de feuilles de style css dans un fichier externe ou dans une balise HTML ou XHTML style.
Il existe 3 parties :
- l'identifiant ou sélecteur,
- le bloc conteneur { },
- les ou la propriété.
Exemple de code :
Identifiant {
  Propriété : valeur ;
  Propriété : valeur ;
}

L'identifiant va vous permettre de spécifier à qui va être attribué les propriétés de feuilles de style css.
Cela peut être un identifiant de type :
- class (.identifiant)
- id (#identifiant)
- balise HTML ou XHTML (nom de la balise).
Le bloc conteneur va vous permettre de spécifier où commence et où finit les propriétés de feuilles de style css assignées à l'identifiant.
Les ou la propriété de feuilles de style sont l'ensemble des propriétés. Les propriétés de feuilles de style sont séparées par un ;.
Lorsque vous déclarer vos propriétés de feuilles de style css dans l'attribut HTML ou XHTML style, ces propriétés de feuilles de style css prennent le dessus ou se cumulent avec les propriétés déclarées dans votre fichier externe ou dans la balise HTML ou XHTML STYLE.
Exemple de code :
<balise style="Propriété:valeur; Propriété:valeur; ">
  Texte
</balise>

Commentaires

Définition

Vous serez sûrement amené à créer des commentaires pour rendre plus lisible votre feuille de style.
Utiliser /* et */ pour encadrer votre commentaire.
Tout ce qui est entre /* et */ sera considéré comme un commentaire, même sur plusieurs lignes.
Exemple de code :
/* Commentaire */
/* Mon texte
d'explication */

Cumule de propriétés

Définition

Dans le cas où, vous avez déclaré deux feuilles de style css avec le même identifiant.
Les dernières propriétés écrasent les anciennes.
Exemple de code :
.identifiant{
  font-family:arial;
}
et plus loin dans votre code html
Exemple de code :
.identifiant{
  font-family:times;
}
Ce sera donc une police Times.

Les propriétés de feuille de style css se cumulent. Si la deuxième déclaration a une nouvelle propriété css, alors cette dernière est cumulée avec les premières propriétés déclarées.
Exemple de code :
.identifiant{
  font-family:arial;
}
et plus loin dans votre code html
Exemple de code :
.identifiant{
  font-size:12px;
}
Ce sera donc une police l'arial de taille 12px.

Un complément d'informations sur l'héritage se trouve dans le chapitre Assignation d'une feuille de style -> Sélection de l'identifiant

La balise HTML ou XHTML STYLE gère en général les feuilles de STYLE internes.<STYLE> </STYLE> La Zone CSS est entièrement consacrée aux feuilles de s...[Voir]