Top 50 de întrebări și răspunsuri la interviu CSS (2025)

Iată întrebările și răspunsurile la interviu CSS (CSS3) pentru studenții, precum și candidații cu experiență pentru a obține jobul visat.

Descărcare gratuită PDF: Întrebări de interviu CSS

1. Ce este CSS?

Forma completă de CSS este Cascading Style Sheets. Este un limbaj de stil care este suficient de simplu pentru HTML elemente. Este popular în proiectarea web, iar aplicarea sa este comună și în XHTML.

---

2. Care este originea CSS?

Standard Generalized Markup Language a marcat începutul foilor de stil în anii 1980.

---

3. Care sunt diferitele variante ale CSS?

Variațiile pentru CSS sunt:

• CSS 1
• CSS2
• CSS2.1
• CSS3
• CSS4

---

4. Care sunt limitările CSS?

Limitările sunt:

•  Nu este posibilă creșterea în funcție de selectoare
• Limitările controlului vertical
• Fără expresii
• Fără declarație de coloană
• Pseudo-clasă necontrolată de comportament dinamic
• Reguli, stiluri, direcționarea unui anumit text nu este posibilă

---

5. Care sunt avantajele CSS?

Avantajele sunt:

• Lățime de bandă
• Consecvență la nivelul întregului site
• Reformatarea paginii
• Accesibilitate
• Conținut separat de prezentare

---

6. Ce sunt cadrele CSS?

Este o bibliotecă pre-planificată, care permite stilarea paginilor web mai ușoară și mai compatibilă cu standardele, folosind limbajul CSS.

---

7. Cum pot fi centrate elementele bloc cu CSS1?

Elementele la nivel de bloc pot fi centrate prin:

Proprietățile margin-left și margin-right pot fi setate la o valoare explicită:

BODY {

width: 40em;

background: fluorescent;

}

P {

width: 30em;

margin-right: auto;

margin-left: auto

}

În acest caz, marginile din stânga și din dreapta vor avea fiecare, cinci ems lățime, deoarece au împărțit cele zece ems rămase din (40em-30em). Nu a fost necesar pentru configurarea unei lățimi explicite pentru elementul BODY; s-a făcut aici pentru simplitate.

---

8. Cine menține specificațiile CSS?

World Wide Web Consortium menține specificațiile CSS.

---

9. În câte moduri poate fi integrat un CSS ca pagină web?

CSS poate fi integrat în trei moduri:

• Inline: Atributul Style poate fi folosit pentru a aplica elemente HTML CSS.
• Încorporat: elementul Head poate avea un element Style în care poate fi plasat codul.
• Conectat/Importat: CSS poate fi plasat într-un fișier extern și legat prin element de legătură.

---

10. Ce beneficii și dezavantaje au foile de stil externe?

Beneficii:

• Un singur fișier poate fi utilizat pentru a controla mai multe documente cu stiluri diferite.
• Mai multe elemente HTML pot avea multe documente, care pot avea clase.
• Pentru a grupa stilurile în situații compuse, se folosesc metode ca selector și grupare.

demerits:

• Este necesară descărcarea suplimentară pentru a importa documente care au informații despre stil.
• Pentru a reda documentul, ar trebui să fie încărcată foaia de stil externă.
• Nu este practic pentru definiții mici de stil.

---

11. Discutați despre avantajele și dezavantajele foilor de stil încorporate?

Meritele foilor de stil încorporate:

• Mai multe tipuri de etichete pot fi create într-un singur document.
• Stilurile, în situații complexe, pot fi aplicate folosind metodele Selector și Grupare.
• Descărcarea suplimentară nu este necesară.

Neajunsuri ale foilor de stil încorporate:

• Mai multe documente nu pot fi controlate.

---

12. Ce înseamnă selector CSS?

Un șir echivalent al elementelor HTML prin care declarațiile sau un set al acestuia sunt declarate și este un link care poate fi referit pentru legarea HTML și foaia de stil este selector CSS.

---

13. Înregistrați tipurile media pe care CSS le permite?

Designul și personalizarea documentelor sunt redate de media. Prin aplicarea controlului media asupra foilor de stil externe, acestea pot fi preluate și utilizate prin încărcarea acesteia din rețea.

---

14. Diferențiați etichetele logice de etichetele fizice?

• În timp ce etichetele fizice sunt denumite și marcaje de prezentare, etichetele logice sunt inutile pentru apariții.
• Etichetele fizice sunt versiuni mai noi, în timp ce etichetele logice sunt vechi și se concentrează pe conținut.

---

15. Diferențierea conceptului de foaie de stil de HTML?

În timp ce HTML oferă o metodă simplă de structură, îi lipsește stilul, spre deosebire de foile de stil. În plus, foile de stil au capacități de browser și opțiuni de formatare mai bune.

---

16. Descrieți „setul de reguli”?

Set de reguli: selectoarele pot fi atașate altor selectoare pentru a fi identificate prin set de reguli.

Are două părți:

• Selector, de exemplu R și
• declarație {text-indent: 11pt}

---

17. Comentariu despre sensibilitatea CSS la majuscule și minuscule?

Deși, CSS nu ține seama de majuscule și minuscule, cu toate acestea, familiile de fonturi, adresele URL ale imaginilor etc. Doar când XML Declarațiile împreună cu XHTML DOCTYPE sunt folosite pe pagină, CSS este sensibil la majuscule și minuscule.

---

18. Definiți blocul Declarație?

Un catalog de direcții între acolade constând din proprietate, două puncte și valoare se numește bloc de declarație.
de exemplu: [proprietatea 1: valoarea 3]

---

19. Înregistrați diferitele atribute ale fonturilor?

Acestea sunt:

• Stilul fontului
• Varianta de font
• Grosimea fontului
• Dimensiunea fontului/înălțimea liniei
• Familie de fonturi
• Legendă
• Icoană

 

---

20. De ce este ușor să inserați un fișier importându-l?

Importul permite combinarea colilor externe care urmează să fie inserate în mai multe foi. Diferite fișiere și foi pot fi folosite pentru a avea diferite funcții. Sintaxă:

Notație @import, folosită cu tag.

---

21. Care este utilizarea selectorului de clasă?

Selectoarele care sunt unice pentru un anumit stil se numesc selectoare CLASS. Declarația de stil și asociere cu HTML se poate face prin aceasta. Sintaxă:

Numele clasei
poate fi AZ, az sau cifre.
.top {font: 14em ;}, selector de clasă
această clasă este asociată cu element

---

22. Diferențierea selectorului de clasă de selectorul de ID?

În timp ce un bloc general este dat selectorului de clasă, ID selector preferă doar un singur element care diferă de alte elemente. Cu alte cuvinte, ID-urile sunt unice, în timp ce clasele nu sunt. Este posibil ca un element să aibă atât clasă, cât și ID.

---

23. Se pot adăuga mai multe declarații în CSS?

Da, se poate realiza folosind punct și virgulă.

---

24. Ce este Pseudo-elemente?

Pseudo-elementele sunt folosite pentru a adăuga efecte speciale unor selectoare. CSS este folosit pentru a aplica stiluri în marcajul HTML. În unele cazuri, când un marcaj suplimentar sau un stil nu este posibil pentru document, atunci există o caracteristică disponibilă în CSS cunoscută sub numele de pseudo-elemente. Acesta va permite un marcaj suplimentar pentru document fără a perturba documentul real.

---

25. Cum să anulați sublinierea hyperlinkurilor?

Declarațiile de control și foile de stil externe sunt folosite pentru a anula sublinierea hyperlinkurilor.

De exemplu:

B {

text-decoration: none;

}

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

 

---

26. Ce se întâmplă dacă se folosește 100% lățime împreună cu floating pe toată pagina?

În timp ce se face declarația float, se adaugă 1 pixel de fiecare dată când este folosit sub forma de chenar, iar ulterior este permis și mai mult float.

---

27. Poate fi restabilită valoarea implicită a proprietății prin CSS? Dacă da, cum?

În CSS, nu puteți reveni la valorile vechi din cauza lipsei valorilor implicite. Proprietatea poate fi re-declarată pentru a obține proprietatea implicită.

---

28. Înregistrați diferitele tipuri de media utilizate?

Mediile diferite au proprietăți diferite, deoarece nu sunt sensibile la majuscule și minuscule.

Acestea sunt:

• Aural – pentru sintetizatoare de sunet și vorbire
• Imprimare – oferă o previzualizare a conținutului atunci când este imprimat
• Projection- proiectează CSS-ul pe proiectoare.
• Handheld - folosește dispozitive portabile.
• Ecran- computere și laptopuri.

---

29. Ce este CSS Box Model și care sunt elementele acestuia?

Această casetă definește designul și aspectul elementelor CSS. Elementele sunt:

Margine: stratul superior, structura generală este afișată
Frontieră: este afișată opțiunea de umplutură și conținut cu un chenar în jurul acesteia. Culoarea de fundal afectează chenarul.
umplutură: Este afișat spațiul. Culoarea de fundal afectează chenarul.
Conţinut: este afișat conținutul real.

---

30. Ce este selectorul contextual?

Selectorul folosit pentru a selecta aparițiile speciale ale unui element se numește selector contextual. Un spațiu separă selectoarele individuale. Doar ultimul element al modelului este abordat în acest tip de selector. De exemplu: TD P TEXT {culoare: albastru}

---

31. Comparați valorile RGB cu codurile de culoare hexazecimale?

O culoare poate fi specificată în două moduri:

• O culoare este reprezentată de 6 caractere, adică codificarea culorilor hexazecimală. Este o combinație de numere și litere și este precedată de #. ex.: g {culoare: #00cjfi}
• O culoare este reprezentată de un amestec de roșu, verde și albastru. Valoarea unei culori poate fi de asemenea specificată. ex: rgb(r,g,b): În acest tip, valorile pot fi între numerele întregi 0 și 255. rgb(r%,g%,b%): este afișat procentul roșu, verde și albastru.

---

32. Definiți sprite-urile de imagine cu context în CSS?

Când un set de imagini este colaborat într-o singură imagine, acesta este cunoscut sub numele de „Image Sprites”. Deoarece încărcarea fiecărei imagini pe o pagină web consumă timp, utilizarea sprite-urilor de imagine reduce timpul necesar și oferă informații rapid.

Codare CSS:

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

 

În acest caz, se folosește doar partea necesară. Utilizatorul poate economisi o marjă substanțială și timp prin aceasta.

---

33. Comparați gruparea și imbricarea în CSS?

Grupare: Selectorii pot fi grupați având aceleași valori de proprietate și codul poate fi redus.
Ex:

h1 {

color: blue;

}

h2 {

color: blue;

}

p {

color: blue;

}

 

Din cod se poate observa că fiecare element are aceeași proprietate. Rescrierea poate fi evitată prin scrierea fiecărui selector separat prin virgulă.

Imbricare: specificarea unui selector în cadrul unui selector se numește imbricare.

P

{

color: red;

text-align: left;

}

.marked

{

background-color: blue;

}

.marked p

{

color: green;

}

 

---

34. Cum poate fi definită dimensiunea unui element?

Proprietățile dimensiunii pot fi definite prin:

• Înălţime
• Înălțimea maximă
• Lățimea maximă
• Înălțime minimă
• Lățimea minimă
• Lăţime

---

35. Definiți proprietatea float a CSS?

Prin proprietatea float, imaginea poate fi mutată la dreapta sau la stânga împreună cu textul care urmează să fie înfășurat în jurul ei. Elementele înainte ca această proprietate să fie aplicată nu își schimbă proprietățile.

---

36. Cum funcționează indicele Z?

Suprapunerea poate apărea în timpul utilizării CSS pentru poziționarea elementelor HTML. Indicele Z ajută la specificarea elementului de suprapunere. Este un număr care poate fi pozitiv sau negativ, valoarea implicită fiind zero.

---

37. Ce este degradarea grațioasă?

În cazul în care componenta eșuează, aceasta va continua să funcționeze corect în prezența unei degradări grațioase. Cea mai recentă aplicație de browser este utilizată atunci când este proiectată o pagină web. Deoarece nu este disponibil pentru toată lumea, există o funcționalitate de bază, care permite utilizarea sa unui public mai larg. În cazul în care imaginea nu este disponibilă pentru vizualizare, textul este afișat cu eticheta alt.

---

38. Ce este îmbunătățirea progresivă?

Este o alternativă la degradarea grațioasă, care se concentrează pe problema web. Funcționalitatea este aceeași, dar oferă un avantaj suplimentar utilizatorilor care au cea mai recentă lățime de bandă. Acesta a fost în uz proeminent recent, cu conexiunile mobile la internet extinzându-și baza.

---

39. Cum poate fi proiectată compatibilitatea cu versiunea anterioară în CSS?

Metodele foilor HTML sunt colaborate cu CSS și utilizate în consecință.

---

40. Cum poate fi îndepărtat golul de sub imagine?

Deoarece imaginile care sunt elemente inline sunt tratate la fel ca și textele, așa că există un gol rămas, care poate fi eliminat prin:

CSS

img { display: block ; }

 

---

41. De ce @import este doar în partea de sus?

@import este de preferat doar în partea de sus, pentru a evita orice reguli care se impun. În general, ordinea de clasare este urmată în majoritatea limbajelor de programare, cum ar fi Java, Modula, etc. În C, # este un exemplu proeminent al @import în partea de sus.

---

42. Care dintre următoarele este mai precedent: proprietăți CSS sau proceduri HTML?

CSS este mai mult precedent față de procedurile HTML. Browserele, care nu au suport CSS, afișează atribute HTML.

---

43. Ce este stilul Inline?

Stilul inline într-un CSS este folosit pentru a adăuga stilul elementelor HTML individuale.

---

44. Cum pot fi adăugate comentarii în CSS?

Comentariile în CSS pot fi adăugate cu /* și */.

---

45. Definiți selectorul de atribute?

Este definit de un set de elemente, valoare și părțile sale.

---

46. ​​Definiți proprietatea?

Un stil, care ajută la influențarea CSS. De exemplu FONT. Au valori sau proprietăți corespunzătoare în ele, cum ar fi FONT-ul are un stil diferit, cum ar fi bold, italic etc.

---

47. Ce este Foaia de stil alternativă?

Foile de stil alternative permit utilizatorului să selecteze stilul în care este afișată pagina folosind meniul vizualizare>stil pagină. Prin Foaia de stil alternativă, utilizatorul poate vedea o versiune multiplă a paginii cu privire la nevoile și preferințele sale.

---

48. Sunt ghilimele obligatorii în URL-uri?

Citatele sunt opționale în adresele URL și pot fi simple sau duble.

---

49. Ce este at-rule?

Regula, care este aplicabilă în întreaga foaie și nu parțial, este cunoscută sub numele de at-rule. Este precedat de @ urmat de AZ, az sau 0-9.

---

50. Cum poate fi combinat CSS cu foaia personală a utilizatorului?

Proprietățile pot fi un set în locuri recomandate și documentul modificat pentru ca CSS să fie amestecat cu foaia personală a utilizatorului.

Aceste întrebări de interviu vă vor ajuta, de asemenea, în viva (orale). În fiecare industrie, utilizarea site-urilor web și a aplicațiilor web crește pe zi ce trece, iar CSS este o parte esențială pentru a construi site-uri web atractive. Deci, există o cerere uriașă pentru designeri UI/UX și Web care au o bună cunoaștere a CSS cu HTML.