Top 50 pitanja i odgovora na intervjuu za CSS (2025.)

Ovdje su pitanja i odgovori na intervjuu za CSS (CSS3) za početnike kao i za iskusne kandidate koji će dobiti posao iz snova.

Besplatno preuzimanje PDF-a: CSS pitanja za intervju

1. Što je CSS?

Potpuni oblik CSS-a je Cascading Style Sheets. To je stilski jezik koji je dovoljno jednostavan za HTML elementi. Popularan je u web dizajnu, a njegova je primjena također uobičajena u XHTML-u.

---

2. Koje je porijeklo CSS-a?

Standardni generalizirani označni jezik označio je početak stilskih tablica 1980-ih.

---

3. Koje su različite varijacije CSS-a?

Varijacije za CSS su:

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

---

4. Koja su ograničenja CSS-a?

Ograničenja su:

•  Uspon selektorima nije moguć
• Ograničenja vertikalne kontrole
• Nema izraza
• Nema deklaracije stupca
• Pseudoklasa nije kontrolirana dinamičkim ponašanjem
• Pravila, stilovi, ciljanje određenog teksta nisu mogući

---

5. Koje su prednosti CSS-a?

Prednosti su:

• Propusnost
• Dosljednost na cijelom web-mjestu
• Preoblikovanje stranice
• Pristupačnost
• Sadržaj odvojen od prezentacije

---

6. Što su CSS okviri?

To su unaprijed planirane biblioteke, koje omogućuju lakše i standardno usklađenije stiliziranje web stranica, koristeći CSS jezik.

---

7. Kako se blok elementi mogu centrirati pomoću CSS1?

Elementi razine bloka mogu se centrirati pomoću:

Svojstva margin-left i margin-right mogu se postaviti na neku eksplicitnu vrijednost:

BODY {

width: 40em;

background: fluorescent;

}

P {

width: 30em;

margin-right: auto;

margin-left: auto

}

U ovom slučaju, lijeva i desna margina bit će široke po pet emova budući da dijele deset emova preostalih od (40em-30em). Bilo je nepotrebno za postavljanje eksplicitne širine za element BODY; to je ovdje učinjeno radi jednostavnosti.

---

8. Tko održava CSS specifikacije?

World Wide Web Consortium održava CSS specifikacije.

---

9. Na koliko se načina CSS može integrirati kao web stranica?

CSS se može integrirati na tri načina:

• Inline: atribut stila može se koristiti za CSS primijenjene HTML elemente.
• Ugrađeno: Element Head može imati element Style unutar kojeg se može postaviti kod.
• Povezani/uvezeni: CSS se može smjestiti u vanjsku datoteku i povezati putem elementa veze.

---

10. Koje prednosti i nedostatke imaju External Style Sheets?

Prednosti:

• Jedna datoteka može se koristiti za kontrolu više dokumenata koji imaju različite stilove.
• Više HTML elemenata može imati mnogo dokumenata, koji mogu imati klase.
• Za grupiranje stilova u složenim situacijama koriste se metode kao što su selektor i grupiranje.

mane:

• Za uvoz dokumenata koji sadrže informacije o stilu potrebno je dodatno preuzimanje.
• Za iscrtavanje dokumenta treba učitati vanjski stilski list.
• Nije praktično za male stilske definicije.

---

11. Raspravite o prednostima i manama ugrađenih stilskih tablica?

Prednosti ugrađenih listova stilova:

• U jednom dokumentu može se stvoriti više vrsta oznaka.
• Stilovi se u složenim situacijama mogu primijeniti korištenjem metoda odabira i grupiranja.
• Dodatno preuzimanje nije potrebno.

Nedostaci ugrađenih listova stilova:

• Ne može se kontrolirati više dokumenata.

---

12. Što znači CSS selektor?

Ekvivalent niza HTML elemenata pomoću kojih se deklariraju deklaracije ili skup istih i poveznica je na koju se može uputiti za povezivanje HTML-a i Style sheeta je CSS selektor.

---

13. Navedite vrste medija koje CSS dopušta?

Dizajn i prilagodbu dokumenata prikazuju mediji. Primjenom kontrole medija nad vanjskim listovima stilova, oni se mogu dohvatiti i koristiti učitavanjem s mreže.

---

14. Razlikovati logičke oznake od fizičkih oznaka?

• Dok se fizičke oznake također nazivaju prezentacijskim oznakama, logičke oznake su beskorisne za izgled.
• Fizičke oznake su novije verzije, dok su logičke oznake stare i koncentriraju se na sadržaj.

---

15. Razlikovati koncept Style Sheet od HTML-a?

Iako HTML pruža jednostavnu strukturnu metodu, nedostaje mu stil, za razliku od stilskih tablica. Štoviše, listovi stilova imaju bolje mogućnosti preglednika i mogućnosti oblikovanja.

---

16. Opišite "skup pravila"?

Skup pravila: Selektori se mogu pridružiti drugim selektorima koji će biti identificirani skupom pravila.

Ima dva dijela:

• Selektor, npr. R i
• deklaracija {text-indent: 11pt}

---

17. Komentirajte osjetljivost na velika i mala slova CSS-a?

Iako CSS ne razlikuje velika i mala slova, obitelji fontova, URL-ovi slika itd. postoje. Tek kada XML deklaracije zajedno s XHTML DOCTYPE koriste se na stranici, CSS je osjetljiv na velika i mala slova.

---

18. Definirati Deklaracijski blok?

Katalog uputa unutar zagrada koji se sastoji od svojstva, dvotočke i vrijednosti naziva se blok deklaracije.
npr.: [svojstvo 1: vrijednost 3]

---

19. Navedite atribute raznih fontova?

Oni su:

• Stil fonta
• Font-varijanta
• Težina fonta
• Veličina fonta/visina retka
• Obitelj fontova
• Naslov
• Ikona

 

---

20. Zašto je jednostavno umetnuti datoteku uvozom?

Uvoz omogućuje kombiniranje vanjskih listova za umetanje u više listova. Različite datoteke i listovi mogu se koristiti za različite funkcije. Sintaksa:

@import notacija, koristi se s tag.

---

21. Čemu se koristi Class selector?

Selektori koji su jedinstveni za određeni stil nazivaju se selektorima KLASE. Deklaracija stila i povezanosti s HTML-om može se napraviti kroz ovo. Sintaksa:

Ime razreda
može biti AZ, az ili znamenke.
.top {font: 14em ;}, selektor klase
ova klasa je povezana s elementom

---

22. Razlikovati selektor klase od selektora ID-a?

Dok se cjelokupni blok daje selektoru klase, ID selektor preferira samo jedan element koji se razlikuje od ostalih elemenata. Drugim riječima, ID je jedinstven dok klase nisu. Moguće je da element ima i klasu i ID.

---

23. Može li se u CSS dodati više od jedne deklaracije?

Da, to se može postići korištenjem točke-zareza.

---

24. Što su pseudoelementi?

Pseudoelementi se koriste za dodavanje posebnih efekata nekim selektorima. CSS se koristi za primjenu stilova u HTML oznakama. U nekim slučajevima kada dodatno označavanje ili stiliziranje nije moguće za dokument, tada postoji značajka dostupna u CSS-u poznata kao pseudoelementi. To će omogućiti dodatno označavanje dokumenta bez ometanja samog dokumenta.

---

25. Kako poništiti podcrtane hiperveze?

Kontrolne izjave i vanjski listovi stilova koriste se za nadjačavanje podcrtanih hiperveza.

npr:

B {

text-decoration: none;

}

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

 

---

26. Što se događa ako se koristi 100% širina zajedno s lebdećim elementima po cijeloj stranici?

Prilikom izrade float deklaracije, 1 piksel se dodaje svaki put kada se koristi u obliku obruba, a nakon toga dopušteno je još više floata.

---

27. Može li se zadana vrijednost svojstva vratiti putem CSS-a? Ako da, kako?

U CSS-u se ne možete vratiti na stare vrijednosti zbog nedostatka zadanih vrijednosti. Svojstvo se može ponovno deklarirati kako bi se dobilo zadano svojstvo.

---

28. Navedite različite vrste medija koji se koriste?

Različiti mediji imaju različita svojstva jer ne razlikuju velika i mala slova.

Oni su:

• Aural – za sintetizator zvuka i govor
• Ispis – daje pregled sadržaja nakon ispisa
• Projekcija - projicira CSS na projektore.
• Ručni - koristi ručne uređaje.
• Zaslon - zasloni računala i prijenosnih računala.

---

29. Što je CSS Box Model i koji su njegovi elementi?

Ovaj okvir definira dizajn i raspored elemenata CSS-a. Elementi su:

Marža: gornji sloj, prikazana je cjelokupna struktura
Granica: prikazuje se opcija ispune i sadržaja s rubom oko nje. Boja pozadine utječe na obrub.
punjenje: Prikazan je prostor. Boja pozadine utječe na obrub.
Sadržaj: Prikazuje se stvarni sadržaj.

---

30. Što je kontekstualni selektor?

Selektor koji se koristi za odabir posebnih pojava elementa naziva se kontekstualni selektor. Pojedinačne selektore dijeli razmak. U ovoj vrsti selektora adresira se samo posljednji element uzorka. Na primjer: TD P TEKST {boja: plava}

---

31. Usporedite RGB vrijednosti s heksadecimalnim kodovima boja?

Boja se može odrediti na dva načina:

• Boja je predstavljena sa 6 znakova tj. heksadecimalnim kodiranjem boja. To je kombinacija brojeva i slova, a prethodi mu #. npr.: g {boja: #00cjfi}
• Boja je predstavljena mješavinom crvene, zelene i plave. Također se može odrediti vrijednost boje. npr.: rgb(r,g,b): U ovom tipu vrijednosti mogu biti između cijelih brojeva 0 i 255. rgb(r%,g%,b%): prikazan je crveni, zeleni i plavi postotak.

---

32. Definirajte slikovne duhove s kontekstom u CSS?

Kada se skup slika spoji u jednu sliku, to je poznato kao 'Image Sprites'. Budući da učitavanje svake slike na web stranici oduzima vrijeme, korištenje slika spriteova skraćuje potrebno vrijeme i brzo daje informacije.

CSS kodiranje:

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

 

U ovom slučaju koristi se samo potreban dio. Korisnik ovime može uštedjeti značajnu maržu i vrijeme.

---

33. Usporedite grupiranje i gniježđenje u CSS-u?

Grupiranje: Selektori se mogu grupirati s istim vrijednostima svojstva, a kod se može smanjiti.
npr.:

h1 {

color: blue;

}

h2 {

color: blue;

}

p {

color: blue;

}

 

Iz koda je vidljivo da svaki element dijeli isto svojstvo. Prepisivanje se može izbjeći pisanjem svakog selektora odvojenog zarezom.

Ugniježđivanje: Određivanje selektora unutar selektora naziva se ugniježđivanje.

P

{

color: red;

text-align: left;

}

.marked

{

background-color: blue;

}

.marked p

{

color: green;

}

 

---

34. Kako se može definirati dimenzija elementa?

Svojstva dimenzija mogu se definirati pomoću:

• Visina
• Maksimalna visina
• Maksimalna širina
• Minimalna visina
• Min. širina
• Širina

---

35. Definirajte float svojstvo CSS-a?

Pomoću svojstva float, slika se može pomaknuti udesno ili ulijevo zajedno s tekstom koji se omotava oko nje. Elementi prije primjene ovog svojstva ne mijenjaju svoja svojstva.

---

36. Kako funkcionira Z indeks?

Može doći do preklapanja tijekom korištenja CSS-a za pozicioniranje HTML elemenata. Z indeks pomaže u određivanju preklapajućeg elementa. To je broj koji može biti pozitivan ili negativan, a zadana vrijednost je nula.

---

37. Što je graciozna degradacija?

U slučaju kvara komponente, nastavit će ispravno raditi u slučaju graciozne degradacije. Prilikom dizajniranja web stranice koristi se najnovija aplikacija preglednika. Kako nije dostupan svima, postoji osnovna funkcionalnost koja omogućuje njegovo korištenje široj publici. U slučaju da slika nije dostupna za pregled, prikazuje se tekst s oznakom alt.

---

38. Što je progresivno poboljšanje?

To je alternativa gracioznoj degradaciji, koja se usredotočuje na pitanje weba. Funkcionalnost je ista, ali pruža dodatnu prednost korisnicima koji imaju najnoviju propusnost. Nedavno je u istaknutoj upotrebi s mobilnim internetskim vezama koje proširuju svoju bazu.

---

39. Kako se u CSS-u može dizajnirati kompatibilnost sa prethodnim verzijama?

Metode HTML listova surađuju s CSS-om i koriste se u skladu s tim.

---

40. Kako se može ukloniti praznina ispod slike?

Kako se slike koje su ugrađeni elementi tretiraju isto kao i tekstovi, ostaje praznina koja se može ukloniti na sljedeći način:

CSS

img { display: block ; }

 

---

41. Zašto je @import samo na vrhu?

@import je poželjan samo na vrhu, kako bi se izbjegla sva nadjačavajuća pravila. Općenito, redoslijed rangiranja slijedi u većini programskih jezika kao što su Java, Modula, itd. U C-u, # je istaknuti primjer @import koji je na vrhu.

---

42. Što je od sljedećeg više presedana: CSS svojstva ili HTML procedure?

CSS je bolji od HTML procedura. Preglednici koji nemaju podršku za CSS prikazuju HTML atribute.

---

43. Što je Inline stil?

Inline stil u CSS-u koristi se za dodavanje stila pojedinačnim HTML elementima.

---

44. Kako se komentari mogu dodavati u CSS?

Komentari u CSS-u mogu se dodati pomoću /* i */.

---

45. Definirajte birač atributa?

Definiran je skupom elemenata, vrijednosti i njezinih dijelova.

---

46. ​​Definirajte svojstvo?

Stil koji pomaže u utjecaju na CSS. Npr. FONT. Imaju odgovarajuće vrijednosti ili svojstva unutar sebe, kao što je FONT različitog stila kao što je podebljano, kurziv itd.

---

47. Što je alternativni stilski list?

Alternate Style Sheets korisniku omogućuje odabir stila u kojem se stranica prikazuje pomoću izbornika view>page style. Putem Alternate Style Sheet, korisnik može vidjeti više verzija stranice prema svojim potrebama i preferencijama.

---

48. Jesu li navodnici obavezni u URL-ovima?

Navodnici nisu obavezni u URL-ovima, a mogu biti jednostruki ili dvostruki.

---

49. Što je at-rule?

Pravilo, koje je primjenjivo na cijelom listu, a ne djelomično, poznato je kao at-pravilo. Prethodi mu @ iza kojeg slijede AZ, az ili 0-9.

---

50. Kako se CSS može kaskadno pomiješati s osobnim listom korisnika?

Svojstva se mogu postaviti na preporučena mjesta i dokument modificirati za CSS da se pomiješa s osobnim listom korisnika.

Ova pitanja za intervju također će vam pomoći u usmenom razgovoru. U svakoj industriji korištenje web stranica i web aplikacija raste iz dana u dan, a CSS je bitan dio za izradu atraktivnih web stranica. Dakle, postoji velika potražnja za UI/UX i web dizajnerima koji dobro poznaju CSS s HTML-om.