Topp 50 CSS-intervjuspørsmål og -svar (2025)

Her er CSS (CSS3) intervjuspørsmål og svar for ferskere så vel som erfarne kandidater for å få drømmejobben.

Gratis PDF-nedlasting: CSS-intervjuspørsmål

1. Hva er CSS?

Den fullstendige formen for CSS er Cascading Style Sheets. Det er et stylingspråk som er enkelt nok til HTML elementer. Det er populært innen webdesign, og applikasjonen er vanlig i XHTML også.

---

2. Hva er opprinnelsen til CSS?

Standard Generalized Markup Language markerte begynnelsen på stilark på 1980-tallet.

---

3. Hva er de forskjellige variantene av CSS?

Variasjonene for CSS er:

• CSS 1
• CSS 2
• CSS 2.1
• CSS 3
• CSS 4

---

4. Hva er begrensningene for CSS?

Begrensninger er:

•  Oppstigning med velgere er ikke mulig
• Begrensninger ved vertikal kontroll
• Ingen uttrykk
• Ingen kolonneerklæring
• Pseudo-klasse ikke kontrollert av dynamisk oppførsel
• Regler, stiler, målretting mot spesifikk tekst er ikke mulig

---

5. Hva er fordelene med CSS?

Fordelene er:

• Båndbredde
• Konsistens på hele nettstedet
• Reformatering av siden
• tilgjengelighet
• Innhold atskilt fra presentasjon

---

6. Hva er CSS-rammeverk?

Det er et forhåndsplanlagt bibliotek, som tillater enklere og mer standardkompatibel nettsidestyling ved bruk av CSS-språk.

---

7. Hvordan kan blokkelementer sentreres med CSS1?

Blokknivåelementer kan sentreres ved:

Margin-venstre og margin-right-egenskapene kan settes til en eksplisitt verdi:

BODY {

width: 40em;

background: fluorescent;

}

P {

width: 30em;

margin-right: auto;

margin-left: auto

}

I dette tilfellet vil venstre og høyre marg være hver, fem ems bred siden de deler opp de ti emene som er igjen fra (40em-30em). Det var unødvendig å sette opp en eksplisitt bredde for BODY-elementet; det ble gjort her for enkelhets skyld.

---

8. Hvem vedlikeholder CSS-spesifikasjonene?

World Wide Web Consortium opprettholder CSS-spesifikasjonene.

---

9. På hvor mange måter kan en CSS integreres som en nettside?

CSS kan integreres på tre måter:

• Inline: Stilattributt kan brukes til å bruke HTML-elementer med CSS.
• Innebygd: Head-elementet kan ha et stilelement som koden kan plasseres innenfor.
• Koblet/importert: CSS kan plasseres i en ekstern fil og kobles til via lenkeelement.

---

10. Hvilke fordeler og ulemper har eksterne stilark?

Fordeler:

• Én fil kan brukes til å kontrollere flere dokumenter med forskjellige stiler.
• Flere HTML-elementer kan ha mange dokumenter, som kan ha klasser.
• For å gruppere stiler i sammensatte situasjoner brukes metoder som velger og gruppering.

demerits:

• Ekstra nedlasting er nødvendig for å importere dokumenter med stilinformasjon.
• For å gjengi dokumentet må det eksterne stilarket lastes inn.
• Ikke praktisk for små stildefinisjoner.

---

11. Diskuter fordelene og ulempene med Embedded Style Sheets?

Fordelene ved innebygde stilark:

• Flere tagtyper kan opprettes i et enkelt dokument.
• Stiler, i komplekse situasjoner, kan brukes ved å bruke velger- og grupperingsmetoder.
• Ekstra nedlasting er unødvendig.

Ulemper ved innebygde stilark:

• Flere dokumenter kan ikke kontrolleres.

---

12. Hva betyr CSS-velger?

En streng ekvivalent med HTML-elementer som deklarasjoner eller et sett av det, er deklarert med, og er en lenke som kan henvises til for å koble HTML og stilark er CSS-velger.

---

13. Verve medietypene CSS tillater?

Design og tilpasning av dokumenter gjengis av media. Ved å bruke mediekontroll over de eksterne stilarkene, kan de hentes og brukes ved å laste det fra nettverket.

---

14. Skille logiske tagger fra fysiske tagger?

• Mens fysiske tagger også refereres til som presentasjonspåslag, er logiske tagger ubrukelige for utseende.
• Fysiske tagger er nyere versjoner mens logiske tagger er gamle og konsentrerer seg om innhold.

---

15. Skille stilarkkonsept fra HTML?

Mens HTML gir enkel strukturmetode, mangler den styling, i motsetning til stilark. Dessuten har stilark bedre nettleserfunksjoner og formateringsalternativer.

---

16. Beskriv 'regelsett'?

Regelsett: Velgere kan knyttes til andre velgere for å identifiseres med regelsett.

Den har to deler:

• Velger, f.eks. R og
• erklæring {text-indent: 11pt}

---

17. Kommentar om sensitiviteten til store og små bokstaver i CSS?

Selv om det ikke er store og små bokstaver i CSS, men fontfamilier, URL-er til bilder osv. er det. Bare når XML erklæringer sammen med XHTML DOCTYPE brukes på siden, CSS skiller mellom store og små bokstaver.

---

18. Definer deklarasjonsblokk?

En katalog med retninger innenfor klammeparenteser som består av eiendom, kolon og verdi kalles deklarasjonsblokk.
f.eks: [egenskap 1: verdi 3]

---

19. Verve de ulike fontenes attributter?

De er:

• Fontstil
• Font-variant
• Font-vekt
• Skriftstørrelse/linjehøyde
• Font-familie
• Bildetekst
• Ikon

 

---

20. Hvorfor er det enkelt å sette inn en fil ved å importere den?

Importering gjør det mulig å sette inn kombinering av eksterne ark i mange ark. Ulike filer og ark kan brukes til å ha forskjellige funksjoner. Syntaks:

@importnotasjon, brukt med tag.

---

21. Hva er bruken av klassevelgeren?

Velgere som er unike for en spesifikk stil, kalles CLASS-velgere. Erklæring om stil og tilknytning til HTML kan gjøres gjennom dette. Syntaks:

Klassenavn
det kan være AZ, az eller sifre.
.top {font: 14em ;}, klassevelger
denne klassen er assosiert med element

---

22. Skille klassevelger fra ID-velger?

Mens en samlet blokk gis til klassevelger, foretrekker ID-velger bare et enkelt element som skiller seg fra andre elementer. Med andre ord er ID unike mens klasser ikke er det. Det er mulig at et element har både klasse og ID.

---

23. Kan mer enn én erklæring legges til i CSS?

Ja, det kan oppnås ved å bruke semikolon.

---

24. Hva er Pseudo-elementer?

Pseudo-elementer brukes til å legge til spesialeffekter til noen velgere. CSS brukes til å bruke stiler i HTML-oppmerking. I noen tilfeller når ekstra mark-up eller styling ikke er mulig for dokumentet, er det en funksjon tilgjengelig i CSS kjent som pseudo-elementer. Det vil tillate ekstra markering til dokumentet uten å forstyrre det faktiske dokumentet.

---

25. Hvordan overstyre understrekende hyperkoblinger?

Kontrollsetninger og eksterne stilark brukes til å overstyre understrekende hyperkoblinger.

Eg:

B {

text-decoration: none;

}

<B href="career.html" style="text-decoration: none">link text</B>

 

---

26. Hva skjer hvis 100 % bredde brukes sammen med flyter over hele siden?

Mens du lager float-deklarasjonen, legges det til 1 piksel hver gang den brukes i form av kantlinjen, og enda mer float tillates deretter.

---

27. Kan standard eiendomsverdi gjenopprettes gjennom CSS? Hvis ja, hvordan?

I CSS kan du ikke gå tilbake til gamle verdier på grunn av mangel på standardverdier. Eiendommen kan deklareres på nytt for å få standardegenskapen.

---

28. Verve de ulike medietypene som brukes?

Ulike medier har forskjellige egenskaper da de ikke skiller mellom store og små bokstaver.

De er:

• Aural – for lydsynthesizere og tale
• Skriv ut – gir en forhåndsvisning av innholdet når det skrives ut
• Projeksjon - projiserer CSS på projektorer.
• Håndholdt - bruker håndholdte enheter.
• Skjerm- datamaskiner og bærbare skjermer.

---

29. Hva er CSS Box Model og hva er dens elementer?

Denne boksen definerer design og layout av elementer i CSS. Elementene er:

Margin: det øverste laget, den generelle strukturen vises
Border: Utfyllings- og innholdsalternativet med en kant rundt vises. Bakgrunnsfarge påvirker rammen.
Padding: Mellomrom vises. Bakgrunnsfarge påvirker rammen.
Innhold: Faktisk innhold vises.

---

30. Hva er kontekstuell velger?

Velger som brukes til å velge spesielle forekomster av et element kalles kontekstuell velger. Et mellomrom skiller de enkelte velgerne. Bare det siste elementet i mønsteret er adressert i denne typen velger. For eksempel: TD P TEKST {farge: blå}

---

31. Sammenlign RGB-verdier med heksadesimale fargekoder ?

En farge kan angis på to måter:

• En farge er representert med 6 tegn, dvs. heksadesimal fargekoding. Det er en kombinasjon av tall og bokstaver og innledes med #. f.eks: g {farge: #00cjfi}
• En farge er representert av en blanding av rødt, grønt og blått. Verdien av en farge kan også spesifiseres. f.eks: rgb(r,g,b): I denne typen kan verdiene ligge mellom heltallene 0 og 255. rgb(r%,g%,b%): rød, grønn og blå prosent vises.

---

32. Definer bildesprites med kontekst til CSS?

Når et sett med bilder er satt sammen til ett bilde, er det kjent som "Image Sprites". Ettersom lasting av hvert bilde på en nettside tar tid, reduserer bruk av image sprites tiden det tar og gir informasjon raskt.

CSS-koding:

img.add { width: 60px; height: 55px; background: url (image.god) 0 0; }

 

I dette tilfellet brukes kun den delen som trengs. Brukeren kan spare betydelig margin og tid gjennom dette.

---

33. Sammenlign gruppering og hekking i CSS ?

Gruppering: Velgere kan grupperes med de samme egenskapsverdiene og koden reduseres.
For eksempel:

h1 {

color: blue;

}

h2 {

color: blue;

}

p {

color: blue;

}

 

Det kan sees fra koden at hvert element deler samme egenskap. Omskriving kan unngås ved å skrive hver velger atskilt med komma.

Nesting: Å spesifisere en velger i en velger kalles neste.

P

{

color: red;

text-align: left;

}

.marked

{

background-color: blue;

}

.marked p

{

color: green;

}

 

---

34. Hvordan kan dimensjonen defineres for et element?

Dimensjonsegenskaper kan defineres ved:

• Høyde
• Maks-høyde
• Maks bredde
• Min-høyde
• Min bredde
• Bredde

---

35. Definer flyteegenskapen til CSS?

Ved flyteegenskap kan bildet flyttes til høyre eller venstre sammen med teksten som skal pakkes rundt det. Elementer før denne egenskapen brukes endrer ikke egenskapene deres.

---

36. Hvordan fungerer Z-indeksen?

Overlapping kan forekomme når du bruker CSS for å plassere HTML-elementer. Z-indeks hjelper til med å spesifisere det overlappende elementet. Det er et tall som kan være positivt eller negativt, standardverdien er null.

---

37. Hva er grasiøs degradering?

I tilfelle komponenten svikter, vil den fortsette å fungere ordentlig i nærvær av en grasiøs nedbrytning. Den nyeste nettleserapplikasjonen brukes når en nettside er utformet. Siden den ikke er tilgjengelig for alle, er det en grunnleggende funksjonalitet som gjør det mulig å bruke den til et bredere publikum. I tilfelle bildet ikke er tilgjengelig for visning, vises tekst med alt-taggen.

---

38. Hva er progressiv forbedring?

Det er et alternativ til grasiøs nedbrytning, som konsentrerer seg om nettet. Funksjonaliteten er den samme, men den gir en ekstra fordel for brukere som har den nyeste båndbredden. Det har vært i fremtredende bruk nylig med mobile internettforbindelser som utvider basen.

---

39. Hvordan kan bakoverkompatibilitet utformes i CSS?

HTML-arkmetoder samarbeides med CSS og brukes deretter.

---

40. Hvordan kan gapet under bildet fjernes?

Siden bilder som er innebygde elementer behandles på samme måte som tekster, er det et gap igjen som kan fjernes ved å:

CSS

img { display: block ; }

 

---

41. Hvorfor er @import bare øverst?

@import foretrekkes kun øverst, for å unngå overordnede regler. Vanligvis følges rangeringsrekkefølge i de fleste programmeringsspråk som Java, Modula osv. I C er # et fremtredende eksempel på at @import er øverst.

---

42. Hvilken av følgende er mer presedens: CSS-egenskaper eller HTML-prosedyrer?

CSS er mer presedens over HTML-prosedyrer. Nettlesere, som ikke har CSS-støtte, viser HTML-attributter.

---

43. Hva er Inline-stil?

Den innebygde stilen i en CSS brukes til å legge til stil til individuelle HTML-elementer.

---

44. Hvordan kan kommentarer legges til i CSS?

Kommentarene i CSS kan legges til med /* og */.

---

45. Definer attributtvelger?

Det er definert av et sett med elementer, verdi og dens deler.

---

46. ​​Definer eiendom?

En stil som hjelper til med å påvirke CSS. F.eks. FONT. De har tilsvarende verdier eller egenskaper i seg, som FONT har en annen stil som fet, kursiv osv.

---

47. Hva er alternativ stilark?

Alternative stilark lar brukeren velge stilen siden skal vises i ved å bruke menyen Vis>sidestil. Gjennom alternativt stilark kan brukeren se flere versjoner av siden på deres behov og preferanser.

---

48. Er anførselstegn obligatoriske i URL-er?

Sitater er valgfrie i URL-er, og de kan være enkle eller doble.

---

49. Hva er at-regel?

Regel, som gjelder i hele arket og ikke delvis, er kjent som at-regel. Den er innledet av @ etterfulgt av AZ, az eller 0-9.

---

50. Hvordan kan CSS kombineres for å blandes med brukerens personlige ark?

Egenskaper kan være et sett på anbefalte steder og dokumentet kan endres for CSS for å blandes med brukerens personlige ark.

Disse intervjuspørsmålene vil også hjelpe i din viva(orals). I alle bransjer øker bruken av nettsider og webapplikasjoner dag for dag, og CSS er en viktig del for å bygge attraktive nettsider. Så det er en stor etterspørsel etter UI/UX og webdesignere som har god kunnskap om CSS med HTML.