La syntaxe CSS

 

accueil (cours internet)

element{type:valeur;type:valeur; }  element{type:valeur;type:valeur; } etc
ex :h1{font-weight:bold;font-style:italic;color:red} h2{color:green}

élément concerné nn
la balise nn
#nn l'identifiant nn
.nn la classe nn
:nn la pseudo-classe nn

bb#nn

la balise bb lorsqu'elle possède l'attribut id="nn"
bb.nn la balise bb lorsqu'elle possède l'attribut class="nn"
bb:nn la balise bb quand elle prend la valeur de la pseudo-classe nn
nn[aa] la balise nn lorsqu'elle possède un attribut aa de valeur quelconque
nn[aa="xx"] la balise nn lorsqu'elle possède un attribut aa de valeur xx

xx, .yy, #zz

style commun à plusieurs éléments
xx + yy style de yy quand il suit immédiatemment un élément xx (sans en être un descendant) ex: h1+h2



yy xx

( ou yy>xx)



l'élément xx lorsqu'il est inclus dans un élément yy

zz yy xx

l'élément xx lorsqu'il est inclus dans un élément yy inclus dans un élèment zz
yy * xx l'élément yy lorsqu'il est inclus dans un élément quelconque lui-même inclus dans un élément xx
yy > xx:first-child la première balise xx incluse dans une balise yy

style de cet élément

 {

 

type de style

:

cf exemples >>

valeur correspondante

 

;

 

autre type de style

: valeur correspondante
;
(etc.)
  } fin des caractéristiques de style du premier élément

élément concerné

{

style de cet élément
}

(etc.)


Quelques exemples de style > (image)


 

 

Eric
Pichon
Vous pouvez créer vos styles à l'aide par ex. du "Générateur" de Trucsweb

retour haut de pageaccueil (cours internet)