Questions pratiques pour testez vos connaissances sur le langage HTML/CSS à savoir l’utilisation du code HTML/CSS, structurer une page web en HTML/CSS, organiser les éléments d’une page Web, etc. Testez votre connaissance et travaillez sur les questions que vous trompez le plus souvent.
1. Qu’est-ce que le CSS ?
A CSS est un langage de feuille de style
B CSS est conçu pour séparer la présentation et le contenu, y compris la mise en page, les couleurs et les polices de caractères.
C CSS est le langage utilisé pour styliser les documents HTML
D Toutes ces réponses
D
CSS est un langage de feuille de style qui signifie Cascading Style Sheet (feuille de style en cascade) et qui est utilisé pour styliser les documents HTML. Le CSS est principalement conçu pour séparer la présentation et le contenu, y compris la mise en page, les couleurs et les polices.
2. Lequel des frameworks CSS suivants est utilisé pour créer un design responsive ?
A django
B rails
C laravel
D bootstrap
D
Bootstrap est un kit d’outils libre et gratuit pour la création de sites et d’applications web. Il contient des templates HTML et CSS pour la typographie, les formulaires, les boutons, la navigation et d’autres composants d’interface, ainsi que des extensions JavaScript optionnelles. Il vise à faciliter le développement de sites et d’applications web dynamiques.
3. Laquelle des propriétés CSS suivantes est utilisée pour rendre le texte gras ?
Atext-decoration: bold
Bfont-weight: bold
Cfont-style: bold
Dtext-align: bold
B
La propriété font-weight est utilisée pour définir la densité et la solidité de la police de caractères. Elle permet de définir le poids du texte. Le poids possible dépend de la famille de polices utilisée par le navigateur.
4. Quel sera le résultat de l’extrait de code CSS suivant ?
h1 {color: "blue";}
A rien ne se passe
B une erreur se produit
C le titre devient bleu foncé
D le titre devient bleu
A
La sortie de l’extrait de code ci-dessus n’aura pas lieu car la syntaxe de la déclaration est incorrecte. La déclaration correcte est :
h1 {color: blue;}
. En CSS, nous n’écrivons pas la valeur entre guillemets.
5. Parmi les propriétés de style CSS suivantes, laquelle est utilisée pour spécifier un texte en italique ?
A style
B font
C font-style
D @font-face
C
La propriété font-style est utilisée pour spécifier un texte en italique. La propriété font-style a trois valeurs (normal, italic et oblique). Exemple:
p {
font-style: italic;
}
6. Quel sera le résultat de l’extrait de code CSS suivant ?
h1 {color : blue text-decoration : underline; font-style : italic;}
Acolor : blue text-decoration : underline; fonctionne
Dans ce cas, le navigateur devrait continuer à analyser la valeur de color comme « blue text-decoration : underline » avant de voir un point-virgule final. La propriété font-style qui suit serait alors utilisée. La propriété color ayant une valeur illégale, elle doit être ignorée.
7. Parmi les éléments suivants, quels sont les préfixes d’extension CSS pour Webkit ?
A -chrome
B -web
C -o-
D -webkit
D
Les navigateurs ajoutent parfois des préfixes aux propriétés CSS non standard. Le préfixe d’extension CSS pour Webkit est -webkit, qui est pris en charge par presque tous les navigateurs ios. Le préfixe -o est utilisé par Opera et le préfixe -moz est utilisé par le navigateur Firefox. Exemple:
h2 {
/* WebKit */
-webkit-appearance: button !important;
/* Mozilla */
-moz-appearance: button;
/* Opera */
-o-appearance: button;
/* Internet Explorer */
-ms-appearance: button;
/* CSS3 */
appearance: button;
width: 500px;
padding: 2em;
color: #fff;
}
8. Laquelle des spécifications suivantes est la première spécification CSS à devenir une recommandation officielle du W3C ?
A CSS 2
B CSS (X)HTML
C CSS 1
D CSS 2.1
C
La première spécification CSS à devenir une recommandation officielle du W3C est CSS 1, publiée le 17 décembre 1996. Håkon Wium Lie et Bert Bos en sont les premiers développeurs.
9. Laquelle des fonctions suivantes définit un dégradé linéaire sous forme d’image en CSS ?
A gradient()
B linear-gradient()
C grayscale()
D image()
B
La fonction linear-gradient() définit un dégradé linéaire sous la forme d’une image CSS. Lors de la création d’une fonction de dégradé linéaire, il convient de définir au moins deux arrêts de couleur. Les arrêts de couleur indiquent au navigateur les couleurs à utiliser dans les dégradés pour assurer des transitions fluides. Voir un exemple.
10. Laquelle des propriétés CSS suivantes peut être utilisée pour définir l’image comme bordure au lieu de border style ?
A background-image-source
B background-image
C border-image-source
D border-image
C
La propriété border-image-source spécifie le chemin d’accès à l’image à utiliser comme bordure (au lieu de la bordure normale autour d’un élément). Exemple: