CSS3-interviewspørgsmål - Top 11 nyttige spørgsmål at lære

Indholdsfortegnelse:

Anonim

Introduktion til CSS3 Interview Spørgsmål og svar

Cascading Style Sheets er et stilarksprog, der beskriver udseendet og formateringen af ​​et dokument skrevet på et markeringssprog. Det er populært i webdesign og i XHTML. CSS1 kom ud af en anbefaling i december 1996. Denne version beskriver CSS-sprog såvel som enkel visuel formateringsmodel til alle HTML-tags. CSS3 blev W3C-anbefaling i 1999, som er bygget på ældre versioner af CSS.

Et eksempel på stilændring kan være

Hej Verden

I standard HTML bruges tag til at gøre ord fed.

Dette fungerer fint. Men efter et stykke tid, vil du gerne gøre din tekst understreget i stedet for fed, så bliver du nødt til at gå til hvert sted og ændre tag til tag. Dette er en meget kedelig opgave. Også hvis du vil ændre skrifttypen på teksten, skal du skrive HTML som

Dette er tekst

Ovenfor kode med foretag de ønskede ændringer i din tekst, men det kræver en masse indpakningskoder skrevet rundt og får HTML også til at se rodet ud.

Med CSS kan du lave brugerdefineret stil på et tidspunkt og indstille alle egenskaber, give det et unikt navn og mærke din HTML for at anvende disse stylingegenskaber. CSS består af stilregler, der fortolkes af browseren og derefter anvendes til de tilsvarende elementer i dit dokument. En stilregel består af

  • Vælger : en vælger er HTML-tag, hvorpå en stil anvendes. Dette kan være ethvert tag som

    ,

    etc.

  • Egenskab : en egenskab er en type attribut for HTML-tag. Alle HTML-attributter konverteres til CSS-egenskab. Dette kan være farve, kant osv.
  • Værdi : Værdier tildeles egenskaber. F.eks. Farveegenskaber kan have værdi rød, grøn osv.

CSS-syntaks kan være som følger

Vælger (egenskab: værdi)
Valgmaskiner kan defineres på mange måder som følger

  • Skriv vælgere
    Standardvælger
    h1 (farve: #ffff;)
  • Universalvælger
    Universalvælgeren matcher navnet på enhver elementtype.
    * (farve: #ffff;)
  • Efterkommervælger
    Antag, at du kun vil anvende stil på et element, når det ligger inde i et bestemt element. F.eks
    ul em (farve: #ffff;)
    stil bruges kun til element, når det ligger inde
      tag.
    • Klassevælgere
      Stilregler kan defineres baseret på elementets klasseattribut. Alle elementer, der har den klasse, formateres i henhold til den definerede regel.
    • ID-vælgere
      Stilregler kan defineres baseret på elementets id-attribut.
      h1 # sort (farve: #ffff;)
      Denne regel gengiver kun indhold i sort

      elementer.

    Du kan indsætte denne CSS-kode, der definerer den nye stil. Style defineres med tag

    . myNewStyle (

    font-familie: Verdana, Arial, sans-sheriff;

    font-vægt: fed;

    farve: # FF000;

    )

    Dette ville fungere fint til små projekter. Men når du skal definere stilarter for mange sider, ville det være meget vanskeligt at kopiere og indsætte den samme CSS-kode på hver side. Som JavaScript kan du derfor også oprette CSS-stilarter i en separat fil og derefter linke den til siden

    Ovenfor kode knytter dit eksterne stilark “stylesheet.css” til HTML-dokument. Dette linkmærke skal placeres i hovedmærket. Du kan skrive din css-kode i en simpel testfil og ændre dens udvidelse til .css.

    Forberedelse til en jobsamtale i CSS3. Jeg er sikker på, at du vil vide de mest almindelige CSS3-interviewspørgsmål og svar, der vil hjælpe dig med at knække CSS3-interviewet let. Nedenfor er listen over top CSS3 Interview Spørgsmål og svar til din redning, der er delt i to dele er som følger:

    Del 1 - CSS3-interviewspørgsmål (grundlæggende)

    Denne første del dækker grundlæggende CSS3-interviewspørgsmål og -svar

    1. På hvor mange måder kan en CSS integreres som en webside?

    Svar:
    CSS kan integreres på tre måder

    • Inline: Style attribut kan bruges til at få CSS anvendt på HTML-elementer.
    • Indlejret: hovedelementet kan have et stilelement, inden koden kan placeres i.
    • Tilknyttet / importeret: CSS kan placeres i en ekstern fil og linkes via linkelement.

    2. Hvilke fordele og underskud har eksterne stilark?

    Svar:

    Fordele:

    • En fil kan bruges til mange forskellige dokumenter med flere stilarter.
    • Flere HTML-elementer kan have mange forskellige dokumenter, der kan have klasser.
    • For at gruppere stilarter i sammensatte situationer kan metoder som vælgere og gruppering bruges.

    ulemper

    • En ekstra download er nødvendig for at importere dokumenter med stilinformation.
    • For at gengive dokumentet skal eksternt stilark indlæses.
    • Ikke praktisk til små stildefinitioner.

    Lad os gå til de næste CSS3-interviewspørgsmål

    3. Hvad er fordele og underskud ved indlejrede typografiark?

    Svar:
    Dette er de grundlæggende CSS3-interviewspørgsmål, der ofte er blevet stillet i et interview. Følgende er fortjeneste og nedbrydning er som følger:

    meritter:

    • Flere tagtyper kan oprettes i et enkelt dokument.
    • Stilarter, i en kompleks situation, kan anvendes ved hjælp af vælger- og grupperingsmetoder.
    • Ekstra download i unødvendigt.

    ulemper

    • Flere dokumenter kan ikke kontrolleres.

    4. Hvad er fordelene og begrænsningerne ved CSS?

    Svar:

    Fordele

    • båndbredde
    • Konsistens på hele webstedet.
    • Omformatering af side.
    • Tilgængelighed
    • Indhold adskilt fra præsentation.

    Ulemper

    • Stigende vælgere er ikke muligt.
    • Begrænsninger i lodret kontrol.
    • Ingen udtryk.
    • Ingen kolonnedeklaration.
    • Pseudoklasse ikke kontrolleret af dynamiske erklæringer.
    • Regler, stilarter, der er målrettet mod specifik tekst, er ikke mulig.

    5. Kan der tilføjes mere end en erklæring til CSS?

    Svar:
    Ja, det kan opnås ved hjælp af en semikolon;

    Del 2 - CSS3-interviewspørgsmål (Avanceret)

    Lad os nu se på de avancerede CSS3-interviewspørgsmål.

    6. Adskiller logiske tags fra fysiske tags?

    Svar:

    • Fysiske tags kaldes også præsentationsmærkning; logiske tags bruges ikke til præsentationer.
    • Fysiske tags er nyere version, mens logiske tags er gamle og koncentrerer sig om indhold.

    7. Hvad er en kontekstuel vælger?

    Svar:

    Valg, der bruges til at vælge specielle forekomster af et element kaldes en kontekstuel vælger. Mellemrum adskiller de enkelte vælgere. Kun det sidste element i mønsteret behandles i denne type vælger.

    Lad os gå til de næste CSS3-interviewspørgsmål

    8. Hvordan fungerer Z-indekset?

    Svar:
    Overlapning kan forekomme under brug af CSS til placering af HTML-elementer. Z-indeks hjælper med at specificere det overlappende element. Det er et tal, der kan være positivt eller negativt, idet standardværdien er nul.

    9. Er det muligt at oprette en klassevælger for et bestemt element? Hvordan?

    Svar:
    Ja, vi kan lave en klassevælger for et bestemt element. For eksempel

    h2.className (
    Farve: #FFFF;
    )
    I eksemplet ovenfor anvender hvid farve hver gang klassenavn 'klassenavn' findes under elementet 'h2'.

    10. Hvordan kan vi oprette tekstskygge eller kasseskygge i CSS3?

    Svar:
    Kasseskygge kan oprettes
    kasseskygge: 5px 5px 2px #ffff;
    tekstskygge: 5px 5px 2px #ffff;

    11.Hvad tilføjes nye tekster i CSS3?

    Svar:

    • Tekstombrydning
    • Tekst-overløb
    • Word-pause

    Anbefalede artikler

    Dette har været en guide til Liste over CSS3-interviewspørgsmål og-svar, så kandidaten let kan nedbryde disse CSS3-interviewspørgsmål. Her i dette indlæg har vi undersøgt top CSS3 Interview Spørgsmål, som ofte stilles i interviews. Du kan også se på de følgende artikler for at lære mere -

    1. Perl Interview Spørgsmål og svar
    2. 10 avancerede AngularJS-interviewspørgsmål
    3. Mest fantastiske PHP-interviewspørgsmål til erfarne
    4. 12 mest nyttige Django-interviewspørgsmål