Top 60 des questions et réponses d'entrevue CSS

2 janvier 2022

CSS signifie feuilles de style en cascade. CSS est défini comme un langage informatique pour la mise en page et la structuration des pages Web, c'est-à-dire HTML ou XML. Ce langage se compose d'éléments de codage, et ils sont composés de feuilles de style en cascade, appelées fichiers CSS.

Table des matières

A quoi sert le CSS ?

CSS est le langage principalement utilisé pour décrire la présentation des pages Web, qui comprend les couleurs, la mise en page et les polices. Il permet aux utilisateurs d'adapter la présentation à différents types d'appareils, comme les grands écrans, les petits écrans ou les imprimantes. CSS est indépendant de HTML et est utilisé avec n'importe quel langage de balisage basé sur XML.



Avez-vous une entrevue CSS prévue ? Ensuite, mieux vaut se préparer avant de se présenter à un entretien afin de pouvoir les casser facilement. Nous avons répertorié les questions d'entretien CSS les plus fréquemment posées. Merci de lire l'intégralité de l'article afin de n'en manquer aucun.

Principales questions et réponses des entretiens CSS

1. Énumérez les avantages de l'utilisation de CSS ?

Questions d'entretien CSS - avantages de l'utilisation de CSS

Quelques-uns des avantages du CSS sont énumérés ci-dessous :

  1. Une plus grande cohérence dans la conception.
  2. Plus facile à entretenir et à mettre à jour.
  3. Plus d'options de formatage.
  4. Code léger.
  5. Avantages de l'optimisation des moteurs de recherche.
  6. Temps de téléchargement plus rapides.
  7. Facilité de présenter différents styles à différents spectateurs.
  8. Plus grande accessibilité.

2. D'où vient CSS ?

Le langage de balisage généralisé standard (SGML) est à l'origine du CSS. C'est un langage utilisé pour définir les langages de balisage.

3. Lister les principales versions de CSS ?

Les principales versions de CSS sont répertoriées ci-dessous :

  1. CSS 1
  2. CSS 2
  3. CSS 2.1
  4. CSS 3
  5. CSS 4

4. Définir le modèle Box en CSS et lister ses propriétés ?

Modèle de boîte en CSS

En CSS, le modèle de boîte est principalement utilisé lorsque nous parlons de conception et de mise en page.

Le modèle de boîte CSS est un conteneur composé de diverses propriétés, notamment les bordures, le remplissage, la marge et le contenu lui-même. Il est principalement utilisé pour créer des conceptions et des mises en page de pages Web. Il est également utilisé comme boîte à outils pour personnaliser la disposition de divers éléments.

Propriétés:

    Contenu:Contenu réel de la boîte où nous plaçons le texte ou l'image.Rembourrage:Zone entourant le contenu, c'est-à-dire l'espace entre la bordure et le contenuFrontière:C'est la zone qui entoure le rembourrage.Marge:C'est la zone qui entoure la frontière.

5. Définir les méthodes pour intégrer CSS sur une page web ?

Nous avons trois méthodes pour intégrer CSS sur les pages Web, ce sont :

  1. Méthode en ligne - Elle insère les feuilles de style dans un document HTML.
  2. Méthode intégrée/interne – Elle ajoute un style unique à un seul document.
  3. Méthode liée/importée/externe – Elle est utilisée pour apporter des modifications sur différentes pages.

6. Définir cascade ? Comment fonctionnent les feuilles de style en cascade ?

La cascade est un algorithme qui spécifie comment combiner les valeurs de propriété provenant de diverses sources. La cascade CSS est également définie comme un algorithme où le navigateur décide quel style CSS doit être appliqué à un élément.

Nous avons trois grandes cascades CSS :

  1. Éléments – Nous pouvons appliquer le même style CSS à plusieurs éléments pour obtenir un style similaire.
  2. Multiple Style One Element - Nous pouvons appliquer plusieurs styles à un élément HTML particulier pour obtenir ce style unique.
  3. Même style, plusieurs pages – Nous pouvons appliquer entièrement la même feuille de style à différentes pages HTML pour obtenir très rapidement un style de modèle.
Voir également Top 100 des questions et réponses d'entrevue Ansible

7. Lister les limitations de CSS ?

Quelques-unes des limitations de CSS sont :

  1. CSS est incapable d'effectuer des opérations logiques comme if/else ou for/while ou +/-.
  2. Vous ne pouvez lire aucun fichier à l'aide de CSS.
  3. Il ne peut pas interagir avec les bases de données.
  4. CSS ne peut pas demander une page Web.

8. Lister les frameworks CSS ?

Un framework CSS peut être défini comme une bibliothèque qui permet une conception Web plus simple et plus conforme aux normes en utilisant le langage Cascading Style Sheets. Les frameworks CSS proposent différents modules et outils :

  1. Réinitialiser la feuille de style
  2. Grille spécialement conçue pour la conception Web réactive.
  3. Typographie Web.

Les frameworks CSS sont listés ci-dessous :

    Amorcer:C'est le framework CSS populaire utilisé pour développer des sites Web réactifs et mobiles.Fondation: Il se définit comme un framework front-end responsive. Il fournit principalement une grille réactive, HTML, des composants d'interface utilisateur CSS, des modèles, des extraits de code, ainsi que la typographie, les formulaires, les boutons, la navigation, ainsi que des fonctionnalités facultatives fournies par les extensions JavaScript.Interface utilisateur sémantique :Il est défini comme un cadre de développement frontal moderne qui est alimenté par LESS et jQuery . Il a un design élégant et plat qui offrira une expérience utilisateur légère.
  1. Ulkit : Il se définit comme un framework frontal léger et modulaire utilisé pour développer des interfaces web rapides et robustes.

9. Différencier l'utilisation d'un ID et d'une classe en CSS ?

identifiant CLASSER
Il est utilisé pour identifier un seul élément dans le HTMLIl est utilisé pour identifier plus d'un élément HTML.

10. Expliquer les différents types de sélecteurs en CSS ?

Un sélecteur CSS est utilisé pour sélectionner le ou les éléments HTML que vous souhaitez styliser.

    Sélecteurs simples: Il sélectionne les éléments en fonction du nom, de l'identifiant et de la classe.Sélecteurs combinateurs: Il sélectionne les éléments en fonction d'une certaine relation entre eux.Sélecteurs de pseudo-classe: Il sélectionne les éléments en fonction d'un état spécifique.Sélecteurs de pseudo-éléments: Il sélectionne et stylise une partie d'un élément.Sélecteurs d'attributs: Il sélectionne les éléments en fonction de l'attribut ou de la valeur de l'attribut.

Questions et réponses d'entrevue CSS

11. Définir la feuille de style intégrée ?

Les feuilles de style intégrées nous permettront de définir les styles pour l'ensemble du document HTML en un seul endroit. Les feuilles de style incorporées sont généralement mentionnées lorsque vous incorporez des informations de feuille de style dans le document HTML à l'aide de l'élément.

12. Qu'est-ce que le flux RVB ?

En CSS, une couleur est généralement spécifiée sous la forme d'une valeur RVB ; nous utilisons la formule : RVB (rouge, vert, bleu). Chacun des paramètres (rouge, vert et bleu) définit principalement l'intensité de la couleur (entre 0 et 255).

Par exemple, RVB(255, 0, 0) affiche du rouge car ici, le rouge est réglé sur sa valeur la plus élevée (255) et les autres sont réglés sur 0.

13. Définir le préprocesseur CSS ?

Un préprocesseur CSS peut être défini comme un programme qui nous permet de générer le CSS à partir de la syntaxe unique du préprocesseur. Il existe différents préprocesseurs CSS parmi lesquels choisir, mais la plupart des préprocesseurs CSS ajoutent des fonctionnalités qui n'existent pas dans le CSS pur, comme le mixin, le sélecteur, l'imbrication, le sélecteur d'héritage, etc.

14. Définir Sass, Less et Stylus ? Pourquoi les utilisons-nous ?

Toupet( Feuilles de style syntaxiquement impressionnantes) est le plus ancien préprocesseur CSS. Il permet aux développeurs frontend d'utiliser des variables, des instructions if/else, l'héritage, la boucle for/while/each et d'autres logiques de calcul dans le code CSS.

Moins (feuilles de style plus simples) Il a été influencé par Sass. , Il s'agit d'une bibliothèque JavaScript qui vise à étendre les fonctionnalités par défaut de CSS. Il est écrit en JavaScript et nous avons besoin de Node.js pour installer et exécuter le compilateur LESS.

Style : Il est écrit en Node.js, ce qui aide les développeurs à l'intégrer facilement dans les projets Node. Il a été influencé par Sass et LESS. Il fusionne les puissantes capacités logiques de Sass avec une configuration simple de LESS.

15. Énumérez les avantages des feuilles de style intégrées ?

Avantages :

  1. Nous pouvons créer plusieurs types de balises dans un seul document.
  2. Les styles, dans des situations complexes, sont appliqués à l'aide des méthodes de sélection et de regroupement.
  3. Le téléchargement supplémentaire pour recevoir les informations de style n'est pas nécessaire.

Questions et réponses d'entrevue CSS

16. Qu'est-ce que VH/VW en CSS ?

VH et VW sont des unités CSS qui mesurent la hauteur et la largeur en pourcentage par rapport à la fenêtre d'affichage. Il est généralement utilisé dans les techniques de conception réactives. La mesure VH est généralement égale à 1/100 de la hauteur de la fenêtre. Supposons que si la hauteur du navigateur est de 1000px, alors 1vh est égal à 10px. De la même manière, si la largeur est de 1000px, alors 1 VW est égal à 10px.

17. Lister les composants de style CSS ?

Les composants de style CSS sont :

  1. Sélecteur : C'est le nom de l'élément HTML, le nom de l'identifiant, le nom de la classe.
  2. Propriété : C'est comme un attribut tel que la couleur d'arrière-plan, l'alignement du texte, la couleur, la bordure, la taille de la police, la position, etc.
  3. Valeurs : Il définit la propriété ou les valeurs qui allouent des propriétés.

18. Mentionner les façons d'attribuer une certaine couleur à un élément en CSS ?

CSS attribue une large gamme de couleurs aux éléments en utilisant différentes notations. Ils sont:

Notation hexadécimale : La couleur dans la notation de chaîne hexadécimale commence généralement par le caractère #. Après cela, nous écrivons les chiffres hexadécimaux du code couleur. La chaîne est insensible à la casse.

Notation fonctionnelle RVB : En CSS, une couleur est généralement spécifiée sous la forme d'une valeur RVB ; nous utilisons la formule : RVB (rouge, vert, bleu). Chacun des paramètres (rouge, vert et bleu) définit principalement l'intensité de la couleur (entre 0 et 255).

Notation fonctionnelle HSL : Les concepteurs et les artistes préfèrent travailler avec la méthode de couleur Teinte/Saturation/Luminosité (HSL). Sur le Web, les couleurs HSL sont généralement représentées à l'aide de la notation fonctionnelle HSL. La fonction CSS HSL() est la même que celle de la fonction RGB() utilisée.

19. Faire la différence entre réinitialiser et normaliser CSS ?

Réinitialiser Normaliser
Réinitialisez le style des bandes à partir des éléments afin que vous ayez plus de contrôle sur le style de tout.Normalize.css est un ensemble de styles basés sur ce que les développeurs pensaient avoir l'air bien et le rendre plus cohérent d'un navigateur à l'autre.

20. Pourquoi utilisons-nous CSS Opacity ?

La propriété CSS opacity est utilisée pour définir l'opacité d'un élément. L'opacité est à nouveau définie comme le degré auquel le contenu derrière un élément est caché, et c'est l'opposé de la transparence.

Voir également Top 100 des questions et réponses d'entrevue JavaScript

Questions et réponses d'entrevue CSS

21. Définir le z-index en CSS ?

La propriété z-index spécifie généralement l'ordre de pile de l'élément. L'élément qui a le plus grand ordre de pile est toujours devant l'élément qui a un ordre de pile inférieur.

Z-Index prend les valeurs suivantes :

  1. Auto : Il définit l'ordre de la pile égal aux parents.
  2. Nombre : Il ordonne l'ordre de la pile.
  3. Initial : Il définit cette propriété sur la valeur par défaut (0).
  4. Hériter : il hérite de la propriété de l'élément parent.

22. Nommez la commande utilisée pour sélectionner tous les éléments d'un paragraphe ?

P [lang] : est la commande utilisée pour sélectionner tous les éléments d'un paragraphe.

23. Définir les Sprites CSS ?

Les Sprites CSS sont utilisés pour combiner plusieurs images en un seul fichier image qui sera utilisé sur un site Web pour augmenter ses performances.

24. Qu'utilisons-nous pour l'unité % ?

Il est utilisé pour définir les valeurs de pourcentage.

25. Définir inline, inline-block et block ?

Élément de bloc : Les éléments de bloc commencent généralement sur une nouvelle ligne. Ils prennent de la place pour toute la rangée ou la largeur. Les éléments de bloc sont ,

.

Éléments en ligne : Les éléments en ligne ne commencent pas sur une nouvelle ligne, mais ils apparaissent sur la même ligne que celle du contenu et des balises à côté d'eux. Quelques exemples d'éléments en ligne sont , Mots clés, , et.

Éléments de bloc en ligne : Les éléments de bloc en ligne sont les mêmes que ceux des éléments en ligne, sauf qu'ils ont des marges et un remplissage ajoutés sur les quatre côtés.

Questions et réponses d'entrevue CSS

26. Pouvez-vous nous indiquer la propriété utilisée pour spécifier la couleur de fond d'un élément ?

La propriété background-color spécifie la couleur d'arrière-plan de l'élément.

|__+_|

27. Énumérez quelques avantages de l'utilisation de CSS Sprites ?

Avantages:

  1. Cela réduit le nombre de requêtes HTTP. Une des raisons de utiliser des sprites CSS est de réduire les requêtes HTTP.
  2. Améliore le référencement
  3. Réduit la taille globale de l'image

28. Définir un Pseudo élément et une Pseudo-classe ?

À pseudo-classe définit un état spécial de l'élément.

Par exemple, il est utilisé pour styliser un élément lorsqu'un utilisateur le survole.

À pseudo-élément en CSS est un mot-clé qui est ajouté à un sélecteur qui décrit l'état spécial du ou des éléments sélectionnés.

Par exemple, le survol est utilisé pour changer la couleur du bouton chaque fois que le pointeur de l'utilisateur le survole.

29. Pouvez-vous nommer la propriété permettant de contrôler la répétition de l'image de l'arrière-plan ?

Nous utilisons la propriété background-repeat pour répéter l'image d'arrière-plan horizontalement et verticalement. Certaines images sont répétées uniquement horizontalement ou verticalement.

30. Pouvez-vous nommer la propriété permettant de contrôler la position des images en arrière-plan ?

Nous utilisons la propriété background-position pour définir la position initiale de l'image d'arrière-plan. Par défaut, l'image d'arrière-plan est généralement placée en haut à gauche de la page Web donnée.

Nous pouvons définir les positions comme mentionné ci-dessous :

  1. Haut
  2. Bas
  3. centre
  4. à gauche
  5. à droite

Questions et réponses d'entrevue CSS

31. Pourquoi utilisons-nous la propriété float en CSS ?

La propriété float du CSS est utilisée pour placer l'élément sur le côté gauche ou droit du conteneur en permettant au texte et aux éléments en ligne de s'enrouler autour de lui.

32. Le margin-top ou margin-bottom a-t-il un effet sur les éléments en ligne ?

Non, cela n'affecte pas les éléments en ligne. Les éléments en ligne suivent le flux du contenu de la page.

33. Pourquoi utiliser un jeu de règles ?

L'ensemble de règles identifie que les sélecteurs peuvent être attachés à d'autres sélecteurs. Il comporte principalement deux parties :

    Sélecteur– Il spécifie l'élément HTML que vous souhaitez styliser.Bloc de déclaration– Le bloc de déclaration se compose d'une ou plusieurs déclarations séparées par un point-virgule.

34. Nommez les différents modules utilisés dans la version actuelle de CSS ?

  1. Sélecteurs
  2. Modèle de boîte
  3. Arrière-plans et bordures
  4. Effets de texte
  5. Transformations 2D/3D
  6. Animations
  7. Disposition à colonnes multiples
  8. Interface utilisateur

35. Pouvez-vous expliquer la propriété CSS position ?

Propriété de position CSS

Absolu: Nous l'utilisons pour placer l'élément exactement où vous voulez le placer.

Relatif: Il permet d'utiliser un z-index sur l'élément et limite la portée des éléments enfants positionnés de manière absolue. Tout élément enfant sera absolument positionné dans ce bloc.

Fixé: Ici, l'élément est positionné par rapport à une fenêtre d'affichage ou de navigateur. La fenêtre ne change pas si vous faites défiler. Par conséquent, l'élément fixe restera dans la même position.

Statique: Statique est la valeur par défaut pour chaque élément de page.

Collant: Ce positionnement est un hybride de positionnement relatif et fixe.

36. Nommez les différents types de médias autorisés par CSS ?

Nous avons quatre types de propriétés @media :

  1. impression – pour les imprimantes
  2. all – pour tous les appareils de type média
  3. discours - pour les lecteurs d'écran qui peuvent lire la page à haute voix
  4. screen – pour les écrans d’ordinateurs, smartphones, tablettes, etc.

37. Définir la refusion DOM ?

La redistribution se produit généralement lorsque vous insérez, mettez à jour ou supprimez un élément dans le DOM.

La refusion se produit généralement lorsque :

  1. Nous modifions le contenu d'une page, par exemple le texte d'une zone de saisie.
  2. Insérer, supprimer ou mettre à jour un élément dans le DOM.
  3. Déplacer un élément DOM.
  4. Élément DOM animé.
  5. Lorsque vous prenez des mesures d'un élément comme offsetHeight ou getComputedStyle
  6. Lorsque vous modifiez un style CSS

38. Qu'est-ce que RWD ?

RWD (Responsive Web Design) est défini comme une approche de la conception Web qui permet aux pages Web de s'afficher correctement sur divers appareils et tailles de fenêtre ou d'écran, de la taille d'affichage minimale à la taille maximale.

39. Énumérez les différentes propriétés de dimensionnement de la boîte ?

La propriété CSS box-sizing permet aux utilisateurs d'inclure le rembourrage et la bordure dans la hauteur et la largeur totales de l'élément.

Les différentes propriétés sont :

Boîte de contenu : Ici, les valeurs de hauteur et de largeur par défaut sont appliquées au contenu de l'élément uniquement. Le rembourrage et la bordure sont ajoutés à l'extérieur de la boîte.

Rembourrage-boîte : Ici, les valeurs de largeur et de hauteur sont appliquées au contenu de l'élément et à son rembourrage. La bordure est généralement ajoutée à l'extérieur de la boîte.

Bordure-boîte : Ici, les valeurs de largeur et de hauteur sont appliquées au contenu, à la bordure et au remplissage.

Voir également Top 100 des questions et réponses d'entrevue JavaScript

Questions et réponses d'entrevue CSS

40. Faire la différence entre les balises logiques et les balises physiques ?

Balises logiques Balises physiques
Ils sont inutiles pour les apparences.Ils sont appelés balisage de présentation.
Ils sont anciens et se concentrent sur le contenu.Ce sont les versions les plus récentes.

41. Pourquoi utilisons-nous la propriété overflow en CSS ?

Nous utilisons la propriété overflow pour spécifier ce qui doit se passer si le contenu déborde de la boîte de l'élément. Cette propriété est principalement utilisée pour spécifier s'il faut couper le contenu ou ajouter les barres de défilement lorsque le contenu de l'élément est énorme pour tenir dans la zone donnée. La propriété overflow ne fonctionne que pour les éléments de bloc d'une hauteur donnée.

42. Définir le système de grille ?

La disposition de la grille CSS divise une page en régions principales ou définit la relation en termes de position, de taille et de calque entre les parties du contrôle construit à partir de primitives HTML. Comme les tableaux, la disposition en grille permet au développeur d'aligner les éléments en colonnes et en lignes.

43. Qu'est-ce que l'interpolation ?

  1. Il est généralement défini comme le processus de génération de trames intermédiaires entre deux images.
  2. Cela donne l'impression que la première image est passée en douceur à la seconde.
  3. C'est une méthode importante qui est utilisée dans tous les types d'animations.
  4. En CSS3, nous utilisons les transformations (matrice, translation, rotation, mise à l'échelle) pour réaliser l'interpolation.

44. Nommez les différents attributs liés aux polices en CSS ?

Vous trouverez ci-dessous la liste des différents attributs liés aux polices disponibles dans CSS :

  1. Variante de police
  2. Poids de la police
  3. Font-style
  4. Taille de police/hauteur de ligne
  5. Famille de polices
  6. Légende
  7. Icône

45. Définir : pseudo-classe racine ?

Le sélecteur racine nous permet de cibler l'élément parent de plus haut niveau dans le DOM ou l'arborescence du document. Il est défini dans la spécification CSS Selectors Level 3.

Questions et réponses d'entrevue CSS

46. ​​Définir des sélecteurs contextuels ?

Les sélecteurs contextuels CSS nous permettent de spécifier différents styles pour différentes parties du document. Nous pouvons attribuer des styles directement aux balises HTML spécifiques, ou nous pouvons créer des classes indépendantes et les attribuer aux balises dans le HTML.

47. Définir CSS flexbox ?

La mise en page CSS flexbox permet à l'utilisateur de formater facilement le HTML. Flexbox nous aide à simplifier l'alignement horizontal et vertical des éléments en utilisant des lignes et des colonnes. Les articles s'adapteront aux tailles pour remplir l'espace. Cela facilite la conception réactive.

48. Comment fonctionne Calc en CSS ?

La fonction calc() permet à l'utilisateur d'effectuer des opérations mathématiques sur les valeurs des propriétés. . Il peut être utilisé partout où un , , , , , ou est autorisé.

|__+_|

49. Définir les préfixes de fournisseur ?

Les fournisseurs de navigateurs ajoutent des préfixes aux propriétés CSS non standard ou expérimentales et aux API JavaScript afin que les développeurs puissent expérimenter de nouvelles idées tout en empêchant en théorie leurs expériences de casser le code des développeurs Web pendant le processus de normalisation. Les développeurs doivent attendre pour inclure la propriété sans préfixe jusqu'à ce que le comportement du navigateur soit normalisé.

50. Définir le fractionnement de fichiers ?

L'organisation des fichiers fait partie d'une architecture CSS. Un fichier monolithique convient généralement aux très petits projets ou aux développeurs solo. Pour les grands sites de projet avec différentes mises en page et types de contenu, il est plus sage d'utiliser l'approche modulaire et de diviser le CSS en différents fichiers sous la même conception.

Le fractionnement du CSS entre différents fichiers facilite la répartition des tâches entre les équipes. Si un développeur travaille sur des styles liés à la typographie, l'autre peut se concentrer sur le développement de composants de grille. Cela aide les équipes à répartir le travail de manière judicieuse et à augmenter la production globale.

51. Expliquez-vous comment CSS fonctionne sous le capot ?

Lorsque le navigateur affiche le document, il combine le contenu du document avec les informations de style. Il traite généralement le document en deux étapes :

  1. Le navigateur convertit le HTML et le CSS en Document Object Model (DOM). Le DOM définit le document dans la mémoire de l'ordinateur. Il combine généralement le contenu du document avec son style.
  2. Le navigateur est utilisé pour afficher le contenu du DOM.

52. Comment optimisez-vous une certaine page Web pour les impressions ?

Créer des pages imprimables consiste à identifier et à contrôler la ou les zones de contenu du site Web. La plupart des sites Web sont généralement composés d'un en-tête, d'un pied de page, d'une zone de contenu principale et de barres latérales/sous-navigation. Si vous contrôlez la zone de contenu, supposez que la majeure partie de votre travail est terminée. Voici quelques conseils pour conquérir la presse écrite sans altérer l'intégrité du site Web.

  1. Créer une feuille de style pour l'impression.
  2. Évitez les tableaux HTML inutiles.
  3. Sachez quelles parties de la page n'ont aucune valeur d'impression.
  4. Utilisez les sauts de page.
  5. Dimensionnez votre page pour l'impression (hauteur maximale, etc.).

53. Définir la spécificité ? Comment calculer la spécificité ?

Une technique qui détermine quelle règle CSS doit être appliquée à un élément. Il détermine principalement quelles règles peuvent prévaloir. Le style en ligne l'emporte généralement, puis l'ID puis la valeur de la classe, le sélecteur universel (*) n'a aucune spécificité. Les sélecteurs d'ID ont généralement une spécificité plus élevée que les sélecteurs d'attributs.

54. Y a-t-il des avantages à utiliser translate() au lieu de position absolue ?

Le Translate() n'entraînera pas le navigateur à déclencher le repaint et la mise en page. Au lieu de cela, il n'agit que sur le compositeur. La position absolue déclenchera le repaint ou le reflow DOM. Par conséquent, translate() donne de meilleures performances.

Questions et réponses d'entrevue CSS

55. Qu'est-ce que le rendu progressif ?

Le rendu progressif est défini comme une technique dans laquelle une fois que vous avez rendu le contenu critique sur le serveur, vous commencerez à le diffuser vers le client sans attendre le contenu non critique. Vous pourrez ensuite diffuser du contenu non critique plus tard une fois qu'il sera rendu sur le serveur.

56. Définir les variables de propriétés personnalisées CSS ?

Les propriétés personnalisées, également appelées variables CSS ou variables en cascade, sont des entités définies par les auteurs CSS qui consistent en des valeurs spécifiques qui doivent être réutilisées dans tout le document. Les sites Web complexes ont d'énormes quantités de CSS, avec beaucoup de valeurs répétées.

57. Comment restaurer la valeur par défaut d'un bien ?

Le mot-clé initial permet de le remettre à sa valeur par défaut.

58. Définir l'accessibilité dans CSS ?

L'accessibilité définit la manière dont les combinaisons logicielles ou matérielles sont conçues de manière à rendre le système accessible aux personnes handicapées, comme une déficience visuelle, une dextérité limitée ou une perte auditive.

59. Faire la différence entre grille CSS et flexbox ?

Grille Boîte flexible
La grille est conçue pour une disposition en deux dimensions (lignes et colonnes en même temps)flexbox est conçu pour une mise en page dans une dimension (soit une ligne, soit une colonne).

60. Qu'est-ce que le W3C ?

le W3C (World Wide Web Consortium) est une communauté internationale où les organisations membres, le public et un personnel à plein temps travaillent ensemble afin de développer des normes Web.

Bonne chance avec votre entretien CSS, et nous espérons que nos questions et réponses d'entretien CSS vous ont été utiles. Vous pouvez également consulter notre Questions et réponses d'entrevue HTML , qui pourraient vous être utiles.