CSS Flashcards
Semaine 2 (11 cards)
Qu’est ce que le CSS
Cascading Style Sheets. Un langage qui permet de définir la présentation (apparence) du contenu d’un fichier HTML avec un ensemble de règles
Format d’une règle de CSS
Reliez chaque choses à son bon nom.
chose1 {chose2: chose3;}
- selecteurs
- attributs
- valeurs
chose 1: selecteurs
chose 2: attributs
chose 3: valeurs
Vrai ou Faux
On ne peut pas mettre un attribut que le programme ne reconnait pas, sinon il y aurait une erreur.
Faux, le navigateur l’ignore tout simplement.
Il y a 4 selecteurs simples: * , le nom d’une balise, #abc et .abc
Que fait chacun
Le * : selecteur universel, s’applique à n’importe quel élément
nom: s’applique à tout élément à cette balise
#abc: identifiant, s’applique à tout élément avec l’identifiant
.abc: par classe, s’applique à tout élément qui fait partie de la liste des valeurs de class
Que veut dire le selecteur:
sel1 sel2 sel3 {…}
Le sel3 est un enfant de sel2 qui est un enfant de sel1
Quelle est la différence entre la dérivation avec un simple espace et la dérivation avec un “>”?
La flèche est une dérivation directe alors que l’espace prend en compte tous les enfants.
Selecteur de voisin
Que fait le selecteur elem1 ~ elem2
L’élément elem2 est celui qui nous intéresse. Il doit être situé après elem1 et au même niveau (même parent)
Que fait le selecteur elem1 + elem2
elem2 nous intéresse. Il fait essentiellement la même chose que ~ mais elem2 doit être immediatement après elem1.
selecteur[attribut=valeur]
Que fait cette forme et lesquels sont facultatifs.
Hint: selecteur est obligatoir, mais il peut changer autrement
Identifie élément à la fois par un sélecteur et un attribut. On peut omettre le sélecteur et mettre un simple “ * “. La valeur est facultatif
