CSS

Question 1

Si on veut changer la couleur de tous les titres d’une page web, on peut utiliser
<h1 style=”color:red;” >
partout dans la page. On peut aussi utiliser
<h1 class=”feu”>
partout et ensuite associer un style à la classe feu avec

<style>

 feu { color:red; } 

</style>

Quel est le meilleur choix? Expliquez pourquoi.

Answer 1

C’est toujours mieux d’utiliser une classe. C’est une question de redondance, si l’élément se répète, c’est plus simple d’avoir une classe et pouvoir faire les changements a un seul endroit au lieu de plusieurs endroits. Moins de chances de faire des erreurs.

Question 2

Dans ce fichier de style css, expliquez quelle(s) balises sont sélectionnées par les
sélecteurs suivant:
(1) h1 h2 { color:red; }
(2) h1,h2 { color:red; }
(3) .h1 { color:red; }
(4) h1.h2 { color:red; }

Answer 2

1) S’appliquerait a une balise h2 dont le parent (précédée) est une balise h1
2) h1 OU h2, (une virgule = OU)
3) une balise qui auraient une classe h1
4) Une balise h1 qui a une classe h2.

Question 3

On dit que html s’intéresse a l’affichage… et css s’intéresse aussi à l’affichage…
pouvez-vous expliquer brièvement comment séparer les responsabilités?

Answer 3

Html est pour structurer l’information tandis que le CSS est pour styler l’information.

HTML est un contenu, le CSS est le look.

Question 4

Comment les styles sont-ils affichés?

Answer 4

En ordre!!!

Question 5

Par quel symbole est précédé un élément, une classe et un identificateur dans une feuille de style css?

Answer 5

Élément: Écrit tel quel ( h1 {…} )
Classe: Précédé d’un . ( .h1 {…} )
Identificateur: précédé d’un # ( #h1 {…} )

Question 6

Qu’est-ce que <display>?</display>

Answer 6

Détermine comment on affiche un élément.
display: none (invisible)
display: block (est un bloc)
display: inline (est en ligne)