Questions d'entrevue CSS3 - Top 11 des questions utiles à apprendre

Table des matières:

Anonim

Introduction aux questions et réponses d'entrevue CSS3

Les feuilles de style en cascade sont un langage de feuille de style décrivant l'apparence et la mise en forme d'un document écrit dans un langage de balisage. Il est populaire dans la conception Web et en XHTML. CSS1 a publié une recommandation en décembre 1996. Cette version décrit le langage CSS ainsi qu'un modèle de formatage visuel simple pour toutes les balises HTML. CSS3 est devenu la recommandation du W3C en 1999, qui est construit sur des versions plus anciennes de CSS.

Un exemple de changement de style peut être

Bonjour le monde

En HTML standard, la balise est utilisée pour mettre les mots en gras.

Cela fonctionne bien. Mais après un certain temps, vous souhaitez mettre votre texte en surbrillance au lieu de le mettre en gras, puis vous devrez vous rendre à chaque emplacement et changer d' étiquette en étiquette. C'est une tâche très fastidieuse. De plus, si vous souhaitez modifier la police du texte, vous devez écrire HTML comme

C'est du texte

Au-dessus du code, effectuez les modifications souhaitées dans votre texte, mais cela nécessite beaucoup de balises wrapper écrites et rend également HTML désordonné.

Avec CSS, vous pouvez créer un style personnalisé à un moment donné et définir toutes les propriétés, lui donner un nom unique et étiqueter votre code HTML pour appliquer ces propriétés de style. CSS comprend des règles de style qui sont interprétées par le navigateur et ensuite appliquées aux éléments correspondants dans votre document. Une règle de style est composée de

  • Sélecteur : un sélecteur est une balise HTML à laquelle un style sera appliqué. Cela pourrait être n'importe quelle balise

    ,

    etc.

  • Propriété : une propriété est un type d'attribut de balise HTML. Tous les attributs HTML sont convertis en propriété CSS. Cela peut être la couleur, la bordure, etc.
  • Valeur : des valeurs sont affectées aux propriétés. Par exemple, la propriété de couleur peut avoir une valeur rouge, verte, etc.

La syntaxe CSS peut être la suivante

Sélecteur (propriété: valeur)
Les sélecteurs peuvent être définis de plusieurs façons comme suit

  • Sélecteurs de type
    Sélecteur par défaut
    h1 (color: #ffff;)
  • Sélecteur universel
    Le sélecteur universel correspond au nom de tout type d'élément.
    * (color: #ffff;)
  • Sélecteur descendant
    Supposons que vous souhaitiez appliquer un style à un élément uniquement lorsqu'il se trouve à l'intérieur d'un élément particulier. Par exemple
    ul em (color: #ffff;)
    le style sera appliqué à l' élément uniquement lorsqu'il se trouve à l'intérieur
      étiquette.
    • Sélecteurs de classe
      Les règles de style peuvent être définies en fonction de l'attribut de classe de l'élément. Tous les éléments ayant cette classe seront formatés selon la règle définie.
    • Sélecteurs d'ID
      Les règles de style peuvent être définies en fonction de l'attribut id de l'élément.
      h1 # noir (color: #ffff;)
      Cette règle rend le contenu en noir uniquement

      éléments.

    Vous pouvez insérer ce code CSS qui définit le nouveau style. Le style est défini avec la balise

    . myNewStyle (

    famille de polices: Verdana, Arial, sans-shérif;

    poids de la police: gras;

    couleur: # FF000;

    )

    Cela fonctionnerait bien pour les petits projets. Mais lorsque vous devez définir des styles pour de nombreuses pages, il serait très difficile de copier et coller le même code CSS dans chaque page. Par conséquent, comme JavaScript, vous pouvez également créer des styles CSS dans un fichier séparé, puis le lier à la page

    Le code ci-dessus relie votre feuille de style externe «stylesheet.css» au document HTML. Cette balise de lien doit être placée dans la balise head. Vous pouvez écrire votre code css dans un fichier de test simple et changer son extension en .css.

    Préparation à un entretien d'embauche en CSS3. Je suis sûr que vous voulez connaître les questions et réponses d'entrevue CSS3 les plus courantes qui vous aideront à déchiffrer facilement l'entrevue CSS3. Vous trouverez ci-dessous la liste des principales questions et réponses d'entrevue CSS3 à votre secours, divisée en deux parties:

    Partie 1 - Questions d'entrevue CSS3 (de base)

    Cette première partie couvre les questions et réponses de base de l'entretien CSS3

    De combien de façons un CSS peut-il être intégré en tant que page Web?

    Répondre:
    CSS peut être intégré de trois façons

    • Inline: l' attribut Style peut être utilisé pour appliquer CSS aux éléments HTML.
    • Embedded: l'élément head peut avoir un élément style dans lequel le code peut être placé.
    • Lié / Importé: CSS peut être placé dans un fichier externe et lié via un élément de lien.

    2. Quels sont les avantages et les inconvénients des feuilles de style externes?

    Répondre:

    Avantages:

    • Un fichier peut être utilisé pour de nombreux documents différents ayant plusieurs styles.
    • Plusieurs éléments HTML peuvent avoir de nombreux documents différents qui peuvent avoir des classes.
    • Pour regrouper des styles dans des situations composites, des méthodes de sélection et de regroupement peuvent être utilisées.

    Démérites

    • Un téléchargement supplémentaire est nécessaire pour importer des documents contenant des informations de style.
    • Pour rendre le document, une feuille de style externe doit être chargée.
    • Pas pratique pour les petites définitions de style.

    Passons aux prochaines questions d'entrevue CSS3

    3. Quels sont les avantages et les inconvénients des feuilles de style intégrées?

    Répondre:
    Ce sont les questions de base de l'entretien CSS3 qui ont été fréquemment posées lors d'un entretien. Voici le mérite et le démérite:

    Mérites:

    • Plusieurs types de balises peuvent être créés dans un seul document.
    • Les styles, dans une situation complexe, peuvent être appliqués à l'aide du sélecteur et des méthodes de regroupement.
    • Téléchargement supplémentaire en inutile.

    Démérites

    • Plusieurs documents ne peuvent pas être contrôlés.

    4. Quels sont les avantages et les limites du CSS?

    Répondre:

    Les avantages

    • Bande passante
    • Cohérence à l'échelle du site.
    • Reformatage de page.
    • Accessibilité
    • Contenu séparé de la présentation.

    Désavantages

    • Les sélecteurs ascendants ne sont pas possibles.
    • Limitations du contrôle vertical.
    • Aucune expression.
    • Aucune déclaration de colonne.
    • Pseudo-classe non contrôlée par des déclarations dynamiques.
    • Les règles, les styles ciblant un texte spécifique ne sont pas possibles.

    5. Peut-on ajouter plus d'une déclaration à CSS?

    Répondre:
    Oui, cela peut être réalisé en utilisant un point-virgule;

    Partie 2 - Questions d'entrevue CSS3 (Avancé)

    Voyons maintenant les questions d'entrevue avancées CSS3.

    6. Différencier les balises logiques des balises physiques?

    Répondre:

    • Les balises physiques sont également appelées balisage de présentation; les balises logiques ne sont pas utilisées pour les présentations.
    • Les balises physiques sont une version plus récente tandis que les balises logiques sont anciennes et se concentrent sur le contenu.

    7. Qu'est-ce qu'un sélecteur contextuel?

    Répondre:

    Le sélecteur utilisé pour sélectionner les occurrences spéciales d'un élément est appelé sélecteur contextuel. L'espace sépare les sélecteurs individuels. Seul le dernier élément du motif est traité dans ce type de sélecteur.

    Passons aux prochaines questions d'entrevue CSS3

    8. Comment fonctionne l'index Z?

    Répondre:
    Un chevauchement peut se produire lors de l'utilisation de CSS pour positionner des éléments HTML. L'index Z aide à spécifier l'élément qui se chevauche. Il s'agit d'un nombre qui peut être positif ou négatif, la valeur par défaut étant zéro.

    9. Est-il possible de faire un sélecteur de classe pour un élément particulier? Comment?

    Répondre:
    Oui, nous pouvons créer un sélecteur de classe pour un élément particulier. Par exemple

    h2.className (
    Couleur: #FFFF;
    )
    Dans l'exemple ci-dessus, chaque fois que le nom de classe 'className' est trouvé sous l'élément 'h2', appliquer la couleur blanche.

    10. Comment créer une ombre de texte ou une ombre de boîte dans CSS3?

    Répondre:
    L'ombre de la boîte peut être créée
    boîte-ombre: 5px 5px 2px #ffff;
    text-shadow: 5px 5px 2px #ffff;

    11.Quels sont les nouveaux textes ajoutés dans CSS3?

    Répondre:

    • Retour à la ligne
    • Débordement de texte
    • Word-break

    Articles recommandés

    Cela a été un guide pour la liste des questions et réponses d'entrevue CSS3 afin que le candidat puisse réprimer facilement ces questions d'entrevue CSS3. Ici, dans cet article, nous avons étudié les principales questions d'entrevue CSS3 qui sont souvent posées lors des entretiens. Vous pouvez également consulter les articles suivants pour en savoir plus -

    1. Questions et réponses d'entretiens chez Perl
    2. Questions d'entretiens chez Advanced AngularJS
    3. Questions d'entrevue PHP les plus impressionnantes pour les expérimentés
    4. 12 questions d'entrevue les plus utiles sur Django