50 parimat CSS-i intervjuu küsimust ja vastust (2025)

Siin on CSS-i (CSS3) intervjuu küsimused ja vastused nii värsketele kui ka kogenud kandidaatidele oma unistuste töökoha saamiseks.

Tasuta PDF-i allalaadimine: CSS-i intervjuu küsimused

1. Mis on CSS?

CSS-i täisvorm on Cascading Style Sheets. See on stiilikeel, mis on piisavalt lihtne HTML elemendid. See on populaarne veebikujunduses ja selle rakendus on levinud ka XHTML-is.

---

2. Mis on CSS-i päritolu?

Standardne üldistatud märgistuskeel tähistas stiililehtede algust 1980. aastatel.

---

3. Millised on CSS-i erinevad variandid?

CSS-i variatsioonid on järgmised:

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

---

4. Millised on CSS-i piirangud?

Piirangud on:

•  Selektorite abil tõus ei ole võimalik
• Vertikaalse juhtimise piirangud
• Ei mingeid väljendeid
• Veeru deklaratsioon puudub
• Pseudoklass, mida dünaamiline käitumine ei kontrolli
• Reeglid, stiilid, konkreetse teksti sihtimine pole võimalik

---

5. Millised on CSS-i eelised?

Eelised on:

• Bandwidth
• Kogu saidi järjepidevus
• Lehekülje ümbervormindamine
• kättesaadavus
• Sisu on esitlusest eraldatud

---

6. Mis on CSS-i raamistikud?

Tegemist on etteplaneeritud teegiga, mis võimaldab CSS-i keelt kasutades lihtsamalt ja rohkem standarditele vastavat veebilehe kujundamist.

---

7. Kuidas saab ploki elemente CSS1-ga tsentreerida?

Plokitaseme elemente saab tsentreerida:

Veerise vasak ja paremääre atribuutide saab määrata mõne selgesõnalise väärtusega:

BODY {

width: 40em;

background: fluorescent;

}

P {

width: 30em;

margin-right: auto;

margin-left: auto

}

Sel juhul on vasak ja parem veeris kumbki viie em laiused, kuna need jagavad (40–30 em) üle jäänud kümme emi. See ei olnud vajalik elemendi BODY laiuse määramiseks; see tehti siin lihtsuse huvides.

---

8. Kes haldab CSS-i spetsifikatsioone?

World Wide Web Consortium säilitab CSS-i spetsifikatsioonid.

---

9. Mitmel viisil saab CSS-i veebilehena integreerida?

CSS-i saab integreerida kolmel viisil:

• Tekstisisene: atribuuti Style saab kasutada CSS-i HTML-elementide rakendamiseks.
• Manustatud: elemendil Head võib olla element Style, mille sisse saab koodi paigutada.
• Lingitud/imporditud: CSS-i saab paigutada välisesse faili ja linkida lingielemendi kaudu.

---

10. Millised eelised ja puudused on välistel stiililehtedel?

Eelised:

• Ühte faili saab kasutada mitme erineva stiiliga dokumendi juhtimiseks.
• Mitmel HTML-i elemendil võib olla palju dokumente, millel võib olla klasse.
• Stiilide rühmitamiseks liitolukordades kasutatakse valija ja rühmitamise meetodeid.

Piirangud:

• Stiiliteavet sisaldavate dokumentide importimiseks on vaja täiendavat allalaadimist.
• Dokumendi renderdamiseks tuleb laadida väline laadileht.
• Väikeste stiilimääratluste jaoks pole praktiline.

---

11. Arutlege manustatud stiililehtede eeliste ja puuduste üle?

Manustatud stiililehtede eelised:

• Ühes dokumendis saab luua mitut tüüpi sildi.
• Keerulistes olukordades saab stiile rakendada valija ja rühmitamise meetodite abil.
• Täiendav allalaadimine pole vajalik.

Manustatud stiililehtede puudused:

• Mitut dokumenti ei saa kontrollida.

---

12. Mida tähendab CSS-i valija?

HTML-i elementide stringekvivalent, millega deklaratsioonid või nende hulk deklareeritakse, ja on link, millele saab viidata HTML-i ja stiililehe linkimiseks, on CSS-i valija.

---

13. Kas meediumitüübid CSS võimaldab?

Dokumentide kujundamine ja kohandamine toimub meedia abil. Rakendades meediumikontrolli väliste stiililehtede üle, saab neid võrgust laadides alla laadida ja kasutada.

---

14. Kas eristada loogilisi silte füüsilistest siltidest?

• Kuigi füüsilisi silte nimetatakse ka esitluslikuks juurdehindluseks, on loogilised sildid välimuse jaoks kasutud.
• Füüsilised sildid on uuemad versioonid, samas kui loogilised sildid on vanad ja keskenduvad sisule.

---

15. Kas eristada stiilitabeli kontseptsiooni HTML-ist?

Kuigi HTML pakub lihtsat struktuurimeetodit, puudub sellel erinevalt stiililehtedest stiil. Lisaks on stiililehtedel paremad brauseri võimalused ja vormindamisvalikud.

---

16. Kirjeldage reeglistikku?

Reeglikomplekt : valijaid saab lisada teistele valijatele, et need reeglistiku järgi tuvastada.

Sellel on kaks osa:

• Selektor, nt R ja
• deklaratsioon {text-indent: 11pt}

---

17. Kommentaar CSS-i tõstutundlikkuse kohta?

Kuigi CSS-i puhul pole tõstutundlikku, fondipered, piltide URL-id jne on siiski olemas. Ainult siis, kui XML lehel kasutatakse deklaratsioone koos XHTML DOCTYPE-ga, CSS on tõstutundlik.

---

18. Defineeri deklaratsiooniplokk?

Sulgudes olevate juhiste kataloogi, mis koosnevad omadusest, koolonist ja väärtusest, nimetatakse deklaratsiooniplokiks.
nt: [atribuut 1: väärtus 3]

---

19. Kas soovite kasutada erinevate fontide atribuute?

Nemad on:

• Fondi stiilis
• Font-variant
• Fondi kaal
• Fondi suurus/rea kõrgus
• Font-perekond
• Pealkiri
• ICON

 

---

20. Miks on faili importimise teel lihtne sisestada?

Importimine võimaldab väliste lehtede kombineerimist paljudele lehtedele. Erinevaid faile ja lehti saab kasutada erinevate funktsioonide täitmiseks. Süntaks:

@impordi tähistus, kasutatakse koos tag.

---

21. Milleks kasutatakse klassivalijat?

Selektoreid, mis on konkreetse stiili jaoks ainulaadsed, nimetatakse KLASSi valijateks. Selle kaudu saab deklareerida stiili ja seostada HTML-iga. Süntaks:

Klassi nimi
see võib olla AZ, az või numbrid.
.top {font: 14em ;}, klassi valija
see klass on seotud elemendiga

---

22. Kas eristada klassivalijat ID-selektorist?

Kui klassivalijale antakse üldine plokk, siis ID-valija eelistab ainult ühte elementi, mis erineb teistest elementidest. Teisisõnu, ID on unikaalne, klassid aga mitte. Võimalik, et elemendil on nii klass kui ka ID.

---

23. Kas CSS-is saab lisada rohkem kui ühe deklaratsiooni?

Jah, seda saab saavutada semikooloniga.

---

24. Mis on pseudoelemendid?

Pseudoelemente kasutatakse mõnele valijale eriefektide lisamiseks. CSS-i kasutatakse stiilide rakendamiseks HTML-i märgistuses. Mõnel juhul, kui dokumendi jaoks ei ole võimalik täiendavat märgistust või stiili teha, on CSS-is saadaval pseudoelementidena tuntud funktsioon. See võimaldab dokumendile täiendavat juurdehindlust ilma tegelikku dokumenti häirimata.

---

25. Kuidas tühistada hüperlinkide allajoonimine?

Juhtlauseid ja väliseid laadilehti kasutatakse hüperlinkide allajoonimise tühistamiseks.

Nt:

B {

text-decoration: none;

}

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

 

---

26. Mis juhtub, kui 100% laiust kasutatakse koos ujukitega üle kogu lehe?

Ujuvdeklaratsiooni tegemisel lisatakse 1 piksel iga kord, kui seda kasutatakse äärise kujul ja seejärel on lubatud veelgi rohkem ujuki.

---

27. Kas atribuudi vaikeväärtust saab taastada CSS-i kaudu? Kui jah, siis kuidas?

CSS-is ei saa vaikeväärtuste puudumise tõttu vanadele väärtustele naasta. Vara saab vaikimisi vara saamiseks uuesti deklareerida.

---

28. Loetlege erinevad kasutatavad meediatüübid?

Erinevatel meediumitel on erinevad omadused, kuna need ei ole tõstutundlikud.

Nemad on:

• Aural – helisüntesaatorite ja kõne jaoks
• Prindi – annab printimisel sisu eelvaate
• Projektsioon – projitseerib CSS-i projektoritele.
• Pihuarvuti- kasutab pihuseadmeid.
• Ekraan – arvutite ja sülearvutite ekraanid.

---

29. Mis on CSS Box Model ja millised on selle elemendid?

See kast määratleb CSS-i elementide kujunduse ja paigutuse. Elemendid on:

Varu: kõige ülemine kiht, kuvatakse üldine struktuur
Piir: kuvatakse polsterduse ja sisu valik koos äärisega selle ümber. Taustavärv mõjutab piiri.
polster: kuvatakse tühik. Taustavärv mõjutab piiri.
sisu: kuvatakse tegelik sisu.

---

30. Mis on kontekstuaalne valija?

Elemendi erijuhtumite valimiseks kasutatavat valijat nimetatakse konteksti valijaks. Üksikud valijad eraldab tühik. Seda tüüpi valijas käsitletakse ainult mustri viimast elementi. Näiteks: TD P TEKST {värv: sinine}

---

31. Võrrelge RGB väärtusi kuueteistkümnendsüsteemi värvikoodidega?

Värvi saab määrata kahel viisil:

• Värvi tähistab 6 tähemärki, st kuueteistkümnendsüsteemi värvikood. See on numbrite ja tähtede kombinatsioon ning sellele eelneb #. nt: g {color: #00cjfi}
• Värvi esindab punase, rohelise ja sinise segu. Samuti saab määrata värvi väärtuse. nt: rgb(r,g,b): Selles tüübis võivad väärtused olla täisarvude 0 ja 255 vahel. rgb(r%,g%,b%): kuvatakse punase, rohelise ja sinise protsent.

---

32. Määrake pildi spraidid koos kontekstiga CSS-ile?

Kui piltide komplekt koondatakse üheks pildiks, nimetatakse seda pildispriiteks. Kuna veebilehel iga pildi laadimine võtab aega, vähendab pildispriite kasutamine kuluvat aega ja annab kiiresti teavet.

CSS-i kodeerimine:

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

 

Sel juhul kasutatakse ainult vajalikku osa. Selle abil saab kasutaja säästa märkimisväärset varu ja aega.

---

33. Võrrelge rühmitamist ja pesastamist CSS-is?

Rühmitamine: valijaid saab rühmitada samade omaduste väärtustega ja koodi vähendada.
Nt:

h1 {

color: blue;

}

h2 {

color: blue;

}

p {

color: blue;

}

 

Koodist on näha, et igal elemendil on sama omadus. Ümberkirjutamist saab vältida, kirjutades iga valija komaga eraldatuna.

Pesastamine: Selektori sees valija määramist nimetatakse pesastamiseks.

P

{

color: red;

text-align: left;

}

.marked

{

background-color: blue;

}

.marked p

{

color: green;

}

 

---

34. Kuidas saab määratleda elemendi dimensiooni?

Mõõtmete omadusi saab määratleda järgmiselt:

• KÕRGUS
• Maksimaalne kõrgus
• Maksimaalne laius
• Min-kõrgus
• Min-laius
• LAIUS

---

35. Defineerida CSS-i float-omadus?

Ujumisomaduse järgi saab pilti koos selle ümber mähitava tekstiga paremale või vasakule liigutada. Elemendid enne selle atribuudi rakendamist ei muuda nende omadusi.

---

36. Kuidas Z-indeks toimib?

CSS-i kasutamisel HTML-i elementide positsioneerimiseks võib esineda kattumist. Z-indeks aitab määrata kattuvat elementi. See on arv, mis võib olla positiivne või negatiivne, vaikeväärtus on null.

---

37. Mis on graatsiline degradeerumine?

Kui komponent ebaõnnestub, jätkab see graatsilise lagunemise korral korralikult töötamist. Veebilehe kujundamisel kasutatakse uusimat brauserirakendust. Kuna see pole kõigile kättesaadav, on olemas põhifunktsionaalsus, mis võimaldab seda kasutada laiemale publikule. Kui pilt pole vaatamiseks saadaval, näidatakse teksti koos alt-sildiga.

---

38. Mis on progressiivne täiustamine?

See on alternatiiv graatsilisele halvenemisele, mis keskendub veebile. Funktsionaalsus on sama, kuid see annab uusima ribalaiusega kasutajatele lisaeelise. Seda on viimasel ajal silmapaistvalt kasutatud, kuna mobiilsed Interneti-ühendused on laiendanud oma baasi.

---

39. Kuidas saab CSS-is tagasiühilduvust kujundada?

HTML-lehe meetodeid tehakse koostööd CSS-iga ja kasutatakse vastavalt.

---

40. Kuidas saab pildi all oleva tühimiku eemaldada?

Kuna sisesteks elementideks olevaid pilte koheldakse samamoodi nagu tekste, jääb vahele tühimik, mille saab eemaldada järgmiselt.

CSS

img { display: block ; }

 

---

41. Miks on @import ainult ülaosas?

@import on eelistatud ainult ülaosas, et vältida ülimuslikke reegleid. Üldiselt järgitakse järjestust enamikus programmeerimiskeeltes, nagu Java, Modula jne. C-s on # silmapaistev näide sellest, et @import on tipus.

---

42. Milline järgmistest on pretsedent: CSS-i atribuudid või HTML-protseduurid?

CSS on HTML-protseduuride suhtes rohkem pretsedendiks. Brauserid, millel pole CSS-i tuge, kuvavad HTML-i atribuute.

---

43. Mis on tekstisisene stiil?

CSS-i tekstisisest stiili kasutatakse üksikute HTML-elementide stiilide lisamiseks.

---

44. Kuidas saab CSS-is kommentaare lisada?

CSS-i kommentaare saab lisada /* ja */.

---

45. Määratle atribuudi valija ?

See on määratletud elementide komplekti, väärtuse ja selle osadega.

---

46. ​​Defineeri omadus?

Stiil, mis aitab CSS-i mõjutada. Nt FONT. Neil on vastavad väärtused või omadused, näiteks FONT on erineva stiiliga, nagu paksus, kaldkiri jne.

---

47. Mis on alternatiivne stiilileht?

Alternatiivsed stiililehed võimaldavad kasutajal valida lehe kuvamise stiili, kasutades menüüd vaade>lehe stiil. Alternatiivse stiililehe kaudu näeb kasutaja lehe mitut versiooni vastavalt oma vajadustele ja eelistustele.

---

48. Kas jutumärgid on URL-ides kohustuslikud?

Jutumärgid on URL-ides valikulised ja need võivad olla ühe- või kahekohalised.

---

49. Mis on at-rule?

Reegel, mis kehtib kogu lehel, mitte osaliselt, on tuntud kui at-rule. Sellele eelneb @, millele järgneb AZ, az või 0-9.

---

50. Kuidas saab CSS-i kaskaadiga kombineerida kasutaja isikliku lehega?

Atribuudid saab määrata soovitatud kohtades ja dokumenti muuta CSS-i jaoks, et see seguneks kasutaja isikliku lehega.

Need intervjuu küsimused aitavad ka teie viva (orals) puhul. Igas tööstusharus kasvab veebisaitide ja veebirakenduste kasutamine iga päevaga ning CSS on atraktiivsete veebisaitide loomisel oluline osa. Seega on suur nõudlus kasutajaliidese/UX-i ja veebidisainerite järele, kellel on head teadmised HTML-iga CSS-ist.