Nangungunang 50 Mga Tanong at Sagot sa Panayam sa CSS (2025)

Narito ang mga tanong at sagot sa panayam ng CSS (CSS3) para sa mga fresher pati na rin sa mga may karanasang kandidato upang makuha ang kanilang pinapangarap na trabaho.

Libreng PDF Download: Mga Tanong sa Panayam ng CSS

1. Ano ang CSS?

Ang buong anyo ng CSS ay Cascading Style Sheets. Ito ay isang styling language na sapat na simple para sa HTML mga elemento. Ito ay sikat sa pagdidisenyo ng web, at ang aplikasyon nito ay karaniwan din sa XHTML.

---

2. Ano ang pinagmulan ng CSS?

Ang Standard Generalized Markup Language ay minarkahan ang simula ng mga style sheet noong 1980s.

---

3. Ano ang iba't ibang variation ng CSS ?

Ang mga pagkakaiba-iba para sa CSS ay:

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

---

4. Ano ang mga limitasyon ng CSS?

Ang mga limitasyon ay:

•  Ang pag-akyat ng mga pumipili ay hindi posible
• Mga limitasyon ng patayong kontrol
• Walang mga expression
• Walang deklarasyon ng column
• Pseudo-class na hindi kinokontrol ng dynamic na pag-uugali
• Hindi posible ang mga panuntunan, istilo, pag-target sa partikular na text

---

5. Ano ang mga pakinabang ng CSS?

Ang mga kalamangan ay:

• Bandwidth
• Ang pagkakapare-pareho sa buong site
• Pag-reformat ng pahina
• Aksesibilidad
• Nilalaman na hiwalay sa presentasyon

---

6. Ano ang CSS frameworks?

Ito ay isang paunang binalak na mga aklatan, na nagbibigay-daan sa mas madali at mas sumusunod sa pamantayang pag-istilo ng webpage, gamit ang wikang CSS.

---

7. Paano maaaring isentro ang mga elemento ng block sa CSS1?

Maaaring isentro ang mga elemento ng antas ng block sa pamamagitan ng:

Ang margin-left at margin-right na mga katangian ay maaaring itakda sa ilang tahasang halaga:

BODY {

width: 40em;

background: fluorescent;

}

P {

width: 30em;

margin-right: auto;

margin-left: auto

}

Sa kasong ito, ang kaliwa at kanang mga margin ay magiging bawat isa, limang ems ang lapad dahil hinati nila ang sampung ems na natitira mula sa (40em-30em). Ito ay hindi kinakailangan para sa pag-set up ng isang tahasang lapad para sa elemento ng BODY; ginawa ito dito para sa pagiging simple.

---

8. Sino ang nagpapanatili ng mga detalye ng CSS?

Pinapanatili ng World Wide Web Consortium ang mga detalye ng CSS.

---

9. Sa ilang paraan maaaring maisama ang CSS bilang isang web page?

Maaaring isama ang CSS sa tatlong paraan:

• Inline: Maaaring gamitin ang attribute ng istilo upang mailapat ang CSS ng mga elemento ng HTML.
• Naka-embed: Maaaring magkaroon ng elemento ng Estilo ang Head element kung saan maaaring ilagay ang code.
• Naka-link/ Na-import: Maaaring ilagay ang CSS sa isang panlabas na file at i-link sa pamamagitan ng elemento ng link.

---

10. Anong mga benepisyo at kawalan ang mayroon ang Mga Panlabas na Style Sheet?

Benepisyo:

• Ang isang file ay maaaring gamitin upang kontrolin ang maraming mga dokumento na may iba't ibang mga estilo.
• Ang maraming elemento ng HTML ay maaaring magkaroon ng maraming dokumento, na maaaring magkaroon ng mga klase.
• Upang pagpangkatin ang mga istilo sa pinagsama-samang sitwasyon, ginagamit ang mga pamamaraan bilang tagapili at pagpapangkat.

Demerits:

• Kailangan ng dagdag na pag-download para mag-import ng mga dokumentong may impormasyon sa istilo.
• Upang i-render ang dokumento, dapat na mai-load ang panlabas na style sheet.
• Hindi praktikal para sa maliliit na kahulugan ng istilo.

---

11. Talakayin ang mga merito at demerits ng Embedded Style Sheets?

Mga Merito ng Naka-embed na Style Sheet:

• Maraming uri ng tag ang maaaring gawin sa isang dokumento.
• Ang mga istilo, sa mga kumplikadong sitwasyon, ay maaaring ilapat sa pamamagitan ng paggamit ng mga pamamaraan ng Selector at Pagpapangkat.
• Ang dagdag na pag-download ay hindi kailangan.

Mga Demerits ng Naka-embed na Style Sheet:

• Hindi makontrol ang maraming dokumento.

---

12. Ano ang ibig sabihin ng tagapili ng CSS?

Isang string na katumbas ng mga elemento ng HTML kung saan ang mga deklarasyon o isang set nito, ay ipinahayag at isang link na maaaring i-refer para sa pag-link ng HTML at Style sheet ay CSS selector.

---

13. I-enlist ang mga uri ng media na pinapayagan ng CSS?

Ang disenyo at pagpapasadya ng mga dokumento ay ginawa ng media. Sa pamamagitan ng paglalapat ng kontrol ng media sa mga panlabas na style sheet, maaari silang makuha at magamit sa pamamagitan ng paglo-load nito mula sa network.

---

14. Ibahin ang pagkakaiba ng mga lohikal na tag mula sa mga pisikal na tag?

• Habang ang mga pisikal na tag ay tinutukoy din bilang presentational mark-up, ang mga lohikal na tag ay walang silbi para sa mga hitsura.
• Ang mga pisikal na tag ay mas bagong bersyon habang ang mga lohikal na tag ay luma at nakatuon sa nilalaman.

---

15. Ibahin ang konsepto ng Style Sheet mula sa HTML?

Bagama't nagbibigay ang HTML ng madaling paraan ng istruktura, kulang ito sa pag-istilo, hindi katulad ng mga Style sheet. Bukod dito, ang mga style sheet ay may mas mahusay na mga kakayahan sa browser at mga opsyon sa pag-format.

---

16. Ilarawan ang 'ruleset'?

Ruleset : Maaaring i-attach ang mga selector sa iba pang mga selector upang matukoy ng ruleset.

Ito ay may dalawang bahagi:

• Selector, hal R at
• deklarasyon {text-indent: 11pt}

---

17. Magkomento sa Case-sensitivity ng CSS ?

Bagaman, walang case-sensitivity ng CSS, gayunpaman, ang mga pamilya ng font, URL ng mga larawan, atbp. Kapag lang XML Ang mga deklarasyon kasama ang XHTML DOCTYPE ay ginagamit sa pahina, ang CSS ay case-sensitive.

---

18. Tukuyin ang bloke ng Deklarasyon?

Ang isang catalog ng mga direksyon sa loob ng braces na binubuo ng property, colon at value ay tinatawag na declaration block.
hal: [property 1: value 3]

---

19. Ilista ang iba't ibang mga katangian ng font?

Ang mga ito ay:

• Font-style
• Font-variant
• Timbang ng font
• Laki ng font/taas ng linya
• Font-family
• Paliwanag
• Icon

 

---

20. Bakit madaling magpasok ng file sa pamamagitan ng pag-import nito?

Ang pag-import ay nagbibigay-daan sa pagsasama-sama ng mga panlabas na sheet na maipasok sa maraming mga sheet. Maaaring gamitin ang iba't ibang mga file at sheet upang magkaroon ng iba't ibang mga function. Syntax:

@import notation, ginamit kasama ng tag.

---

21. Ano ang paggamit ng Class selector?

Ang mga tagapili na natatangi sa isang partikular na istilo, ay tinatawag na mga tagapili ng CLASS. Ang deklarasyon ng istilo at pagkakaugnay sa HTML ay maaaring gawin sa pamamagitan nito. Syntax:

Pangalan ng klase
maaari itong maging AZ, az o mga digit.
.top {font: 14em ;}, tagapili ng klase
ang klase na ito ay nauugnay sa elemento

---

22. I-differentiate ang Class selector mula sa ID selector?

Habang ang isang pangkalahatang bloke ay ibinibigay sa tagapili ng klase, ang tagapili ng ID ay mas pinipili lamang ang isang elementong naiiba sa iba pang mga elemento. Sa madaling salita, ang ID ay natatangi habang ang mga klase ay hindi. Posible na ang isang elemento ay may parehong klase at ID.

---

23. Maaari bang magdagdag ng higit sa isang deklarasyon sa CSS?

Oo, maaari itong makamit sa pamamagitan ng paggamit ng semicolon.

---

24. Ano ang Pseudo-Elements?

Ang mga pseudo-element ay ginagamit upang magdagdag ng mga espesyal na epekto sa ilang mga pumipili. CSS sa ginamit upang maglapat ng mga istilo sa HTML mark-up. Sa ilang mga kaso kapag hindi posible ang dagdag na mark-up o pag-istilo para sa dokumento, mayroong isang feature na available sa CSS na kilala bilang mga pseudo-element. Ito ay magbibigay-daan sa dagdag na mark-up sa dokumento nang hindi nakakagambala sa aktwal na dokumento.

---

25. Paano i-overrule ang salungguhit na mga Hyperlink?

Ginagamit ang mga control statement at external na style sheet para i-overrule ang mga salungguhit na Hyperlink.

Hal:

B {

text-decoration: none;

}

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

 

---

26. Ano ang mangyayari kung 100% ang lapad ay ginamit kasama ng mga float sa buong pahina?

Habang ginagawa ang float declaration, 1 pixel ang idinaragdag sa tuwing gagamitin ito sa anyo ng border, at mas maraming float ang pinapayagan pagkatapos.

---

27. Maaari bang maibalik ang default na halaga ng ari-arian sa pamamagitan ng CSS? Kung oo, paano?

Sa CSS, hindi ka makakabalik sa mga lumang value dahil sa kakulangan ng mga default na value. Maaaring muling ideklara ang ari-arian upang makuha ang default na ari-arian.

---

28. Ilista ang iba't ibang uri ng Media na ginamit?

Ang iba't ibang media ay may iba't ibang katangian dahil ang mga ito ay case insensitive.

Ang mga ito ay:

• Aural – para sa sound synthesizer at pagsasalita
• Print – nagbibigay ng preview ng content kapag naka-print
• Projection- pinaplano ang CSS sa mga projector.
• Handheld- gumagamit ng mga handheld device.
• Screen- mga computer at laptop screen.

---

29. Ano ang CSS Box Model at ano ang mga elemento nito?

Tinutukoy ng kahon na ito ang disenyo at layout ng mga elemento ng CSS. Ang mga elemento ay:

Palugid: ang pinakamataas na pinaka-layer, ang pangkalahatang istraktura ay ipinapakita
Hangganan: ang opsyon sa padding at nilalaman na may hangganan sa paligid nito ay ipinapakita. Ang kulay ng background ay nakakaapekto sa hangganan.
Paglalagay ng palaman: Ang espasyo ay ipinapakita. Ang kulay ng background ay nakakaapekto sa hangganan.
nilalaman: Ang aktwal na nilalaman ay ipinapakita.

---

30. Ano ang contextual selector?

Ang selector na ginamit upang pumili ng mga espesyal na pangyayari ng isang elemento ay tinatawag na contextual selector. Isang puwang ang naghihiwalay sa mga indibidwal na tagapili. Tanging ang huling elemento ng pattern ang tinutugunan sa ganitong uri ng selector. Halimbawa: TD P TEXT {color: blue}

---

31. Ihambing ang mga halaga ng RGB sa mga code ng kulay ng Hexadecimal ?

Maaaring tukuyin ang isang kulay sa dalawang paraan:

• Ang isang kulay ay kinakatawan ng 6 na character ie hexadecimal color coding. Ito ay kumbinasyon ng mga numero at titik at pinangungunahan ng #. hal: g {color: #00cjfi}
• Ang isang kulay ay kinakatawan ng pinaghalong pula, berde at asul. Ang halaga ng isang kulay ay maaari ding tukuyin. hal: rgb(r,g,b): Sa ganitong uri ang mga value ay maaaring nasa pagitan ng mga integer 0 at 255. rgb(r%,g%,b%): red, green at blue percentage ay ipinapakita.

---

32. Tukuyin ang mga sprite ng Larawan na may konteksto sa CSS ?

Kapag ang isang hanay ng mga larawan ay pinagsama-sama sa isang larawan, ito ay kilala bilang 'Image Sprites'. Habang ang paglo-load ng bawat larawan sa isang webpage ay kumukonsumo ng oras, ang paggamit ng mga sprite ng larawan ay nakakabawas sa oras na kinuha at nagbibigay ng impormasyon nang mabilis.

CSS coding:

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

 

Sa kasong ito, ang bahaging kailangan lamang ang ginagamit. Makakatipid ang user ng malaking margin at oras sa pamamagitan nito.

---

33. Ihambing ang Pagpapangkat at Nesting sa CSS ?

Pagpapangkat: Maaaring pagsama-samahin ang mga tagapili na mayroong parehong mga halaga ng ari-arian at mababawasan ang code.
Hal:

h1 {

color: blue;

}

h2 {

color: blue;

}

p {

color: blue;

}

 

Makikita mula sa code na ang bawat elemento ay nagbabahagi ng parehong pag-aari. Maaaring iwasan ang muling pagsulat sa pamamagitan ng pagsulat sa bawat tagapili na pinaghihiwalay ng kuwit.

Nesting: Ang pagtukoy ng isang selector sa loob ng isang selector ay tinatawag na nesting.

P

{

color: red;

text-align: left;

}

.marked

{

background-color: blue;

}

.marked p

{

color: green;

}

 

---

34. Paano matukoy ang sukat ng isang elemento?

Ang mga katangian ng dimensyon ay maaaring tukuyin sa pamamagitan ng:

• taas
• Hangganan ng taas
• Max-width
• Min-taas
• Min-width
• lapad

---

35. Tukuyin ang float property ng CSS?

Sa pamamagitan ng float property, ang imahe ay maaaring ilipat sa kanan o kaliwa kasama ang teksto na ibalot dito. Ang mga elemento bago ilapat ang property na ito ay hindi nagbabago sa kanilang mga katangian.

---

36. Paano gumagana ang Z index?

Maaaring mangyari ang overlapping habang gumagamit ng CSS para sa pagpoposisyon ng mga elemento ng HTML. Tumutulong ang Z index sa pagtukoy ng nagsasapawan na elemento. Ito ay isang numero na maaaring positibo o negatibo, ang default na halaga ay zero.

---

37. Ano ang graceful degradation?

Kung sakaling mabigo ang bahagi, ito ay patuloy na gagana nang maayos sa pagkakaroon ng isang magandang pagkasira. Ang pinakabagong browser application ay ginagamit kapag ang isang webpage ay idinisenyo. Dahil hindi ito available sa lahat, mayroong pangunahing pag-andar, na nagbibigay-daan sa paggamit nito sa mas malawak na madla. Kung sakaling ang larawan ay hindi magagamit para sa pagtingin, ang teksto ay ipinapakita na may alt tag.

---

38. Ano ang progresibong pagpapahusay?

Ito ay isang alternatibo sa magandang pagkasira, na tumutuon sa usapin ng web. Ang pag-andar ay pareho, ngunit nagbibigay ito ng dagdag na kalamangan sa mga gumagamit na may pinakabagong bandwidth. Ito ay naging kilalang gamit kamakailan sa mga koneksyon sa mobile internet na nagpapalawak ng kanilang base.

---

39. Paano idinisenyo ang backward compatibility sa CSS?

Ang mga pamamaraan ng HTML sheet ay nakikipagtulungan sa CSS at ginagamit nang naaayon.

---

40. Paano matatanggal ang puwang sa ilalim ng larawan?

Dahil ang mga larawang inline na elemento ay itinuturing na kapareho ng mga teksto, kaya may natitirang puwang, na maaaring alisin sa pamamagitan ng:

CSS

img { display: block ; }

 

---

41. Bakit nasa itaas lang ang @import?

Ang @import ay ginustong lamang sa itaas, upang maiwasan ang anumang overriding na mga panuntunan. Sa pangkalahatan, sinusunod ang pagkakasunod-sunod ng pagraranggo sa karamihan ng mga programming language gaya ng Java, Modula, atbp. Sa C, ang # ay isang kilalang halimbawa ng isang @import na nasa itaas.

---

42. Alin sa mga sumusunod ang mas precedent: CSS properties o HTML procedures?

Ang CSS ay mas nauna sa mga pamamaraan ng HTML. Ang mga browser, na walang suporta sa CSS, ay nagpapakita ng mga katangian ng HTML.

---

43. Ano ang Inline na istilo?

Ang Inline na istilo sa isang CSS ay ginagamit upang magdagdag ng pag-istilo sa mga indibidwal na elemento ng HTML.

---

44. Paano maidaragdag ang mga komento sa CSS?

Ang mga komento sa CSS ay maaaring idagdag sa /* at */.

---

45. Tukuyin ang Tagapili ng Katangian ?

Ito ay tinukoy ng isang hanay ng mga elemento, halaga at mga bahagi nito.

---

46. ​​Tukuyin ang ari-arian?

Isang istilo, na nakakatulong sa pag-impluwensya sa CSS. Hal. FONT. Mayroon silang katumbas na mga halaga o katangian sa loob ng mga ito, tulad ng FONT ay may iba't ibang istilo tulad ng bold, italic atbp.

---

47. Ano ang Alternate Style Sheet?

Ang mga Alternate Style Sheet ay nagbibigay-daan sa user na piliin ang istilo kung saan ipinapakita ang page gamit ang view>page style menu. Sa pamamagitan ng Alternate Style Sheet, makikita ng user ang maramihang bersyon ng page sa kanilang mga pangangailangan at kagustuhan.

---

48. Sapilitan ba ang mga quote sa URL?

Ang mga quote ay opsyonal sa mga URL, at maaari itong maging isa o doble.

---

49. Ano ang at-rule?

Ang panuntunan, na naaangkop sa buong sheet at hindi bahagyang, ay kilala bilang at-rule. Ito ay pinangungunahan ng @ na sinusundan ng AZ, az o 0-9.

---

50. Paano mai-cascade ang CSS upang makihalubilo sa personal na sheet ng gumagamit?

Ang mga property ay maaaring isang set sa mga inirerekomendang lugar at binago ang dokumento para maihalo ang CSS sa personal na sheet ng user.

Ang mga tanong sa panayam na ito ay makakatulong din sa iyong viva(orals). Sa bawat industriya, ang paggamit ng mga website at web application ay tumataas araw-araw, at ang CSS ay isang mahalagang bahagi upang makabuo ng mga kaakit-akit na website. Kaya, mayroong isang malaking pangangailangan para sa UI/UX at mga taga-disenyo ng Web na may mahusay na kaalaman sa CSS gamit ang HTML.