Détails du sujet

Quiz CSS

--

Toutes les cartes

Quel élément permet de lier une feuille de style CSS à un document HTML ?

<link>


Où se place la balise <link> liant une feuille de style CSS à un document HTML ?

dans la balise <head>


Quels sont les 2 attributs indispensables de la balise <link>?

<link rel="stylesheet" href="css/style.css">


Quelle est la valeur par défaut de font-size en pixel ?

16px


Une "margin" peut-elle être négative ?

oui

ex : margin: -20px;


Quelles sont les 4 valeurs possibles pour text-align ?

left, right, center, justify


Citez 3 manières d'exprimer une couleur avec la propriété color

  • nom (blue, red, green...)
  • valeur hexadécimale (#808080)
  • rgb(250, 10, 15);

Quelle est la valeur par défaut de margin ?

0


Quel est l'ordre d'attribution pour les propriétés margin et padding quand ils ont 4 valeurs ?

haut, droite, bas, gauche


Quelle est la fourchette de valeur de la propriété font-weight ?

100-900


Quelle syntaxe permet de cibler une classe blue ?

.blue


Quelle syntaxe permet de cibler une id menu

#menu


Citez 3 éléments pour lesquels la valeur par défaut est display: block;

  • <div>
  • <p>
  • <form>

Citez 3 éléments html pour lesquels la valeur par défaut est display:inline;

  • <span>
  • <a>
  • <img>

Quelle est la syntaxe correcte ?

  • body {color:blue;}
  • body:color=blue;
  • {body:color=blue;}
  • body {color;blue:}

body {color:blue;}


Comment insérer un commentaire sur une feuille de style CSS ?

/* Commentaire */


Quelle propriété permet de changer la taille du texte ?

font-size


Quelle règle CSS permet de mettre tous les paragraphes <p> en bleu et en gras ?

p {color: blue; font-weight: bold;}


Quelle règle CSS permet d'afficher tous les liens d'une page non-soulignés?

a {text-decoration: none;}


Quelle propriété utiliser si on veux ajouter de la marge à droite d'un élément ?

margin-right


Quelle règle CSS utiliser pour que toutes les listes non-ordonnées de la page aient des carrés pour lister chaque objet ?

ol {list-style-type: square;}