En Yaygın 40 CSS Mülakat Sorusu ve Yanıtı [Yeni Başlayanlar ve Deneyimliler İçin]

Her sektör, hızla değişen dünyanın hızına ayak uydurmak için web sitelerini ve uygulamaları kullanmaya başlamıştır. CSS, çekici bir web sitesi oluşturmanın ve tasarlamanın en önemli parçalarından biridir.

Bu nedenle, HTML ile CSS hakkında iyi bilgi sahibi olan web tasarımcılarına veya UI/UX'e olan talep çok önemli hale geldi. Orada sadece normal CSS mülakat sorularına hazırlanmanız gerekmez, aynı zamanda HTML CSS mülakat sorularına da hazırlanmanız gerekir. CSS röportajını kırmak, bir web tasarımcısı olarak bir kariyere başlamanın en önemli parçasıdır.

Bu yazıda, en çok sorulan CSS mülakat sorularının bir listesini ele aldık . Mülakatta temel seviyeden ileri seviye CSS'ye kadar pek çok konu soruluyor ve sorulan soruların türlerine aşina olmak için bir rehber önemlidir. Bu liste, görüşme sürecini temizlemenize ve hayalinizdeki işi almanıza yardımcı olacaktır.

En İyi CSS Mülakat Soruları ve Cevapları

1. CSS'yi tanımla?

CSS, Basamaklı Stil Sayfaları anlamına gelir. Bu bir stil dilidir. HTML öğeleri için en basit stil dilidir. HTML'deki en popüler web tasarım dillerinden biri olmasının yanı sıra, uygulaması XHTML'de de çok yaygındır.

2. CSS'nin kökeninden bahseder misiniz?

Stil sayfalarının, özellikle CSS'nin başlangıcı, 1980'lerde Standart Genelleştirilmiş İşaretleme Dili idi.

3. CSS'nin çeşitli biçimleri nelerdir?

Farklı CSS biçimleri şunlardır:

• CSS1
• CSS2
• CSS 2.1
• CSS3
• CSS4

4. CSS'nin kısıtlamalarını belirtin mi?

CSS'nin sınırlamaları şunlardır:

• ifade yok
• Dikey kontrolün sınırlamaları
• Seçiciler tarafından artan mümkün değildir
• Sütun bildirimi yok
• Kurallar, belirli metni hedefleme ve stiller mümkün değil
• Dinamik davranış, sözde sınıfı kontrol etmez

5. CSS'nin faydalarını sıralayın?

CSS'nin avantajları şunlardır:

• Bant genişliği
• Ulaşılabilirlik
• Sayfa yeniden biçimlendirme
• Site genelinde tutarlılık
• Sunumdan içerik ayırma

6. CSS çerçevelerini tanımla?

CSS çerçeveleri, bir web sayfasının CSS dilini kullanarak çok daha kolay ve standartlara uygun olarak tasarlanmasına ve şekillendirilmesine olanak tanıyan önceden planlanmış kitaplıklardır.

7. CSS'nin özelliklerini kim varsayıyor?

CSS spesifikasyonları World Wide Web Konsorsiyumu tarafından sağlanır.

8. CSS'nin bir web sitesi olarak entegre edilmesinin yolları nelerdir?

CSS bir web sayfası olarak üç şekilde entegre edilebilir:

• Satır içi: CSS, stil atfederek HTML öğesini uyguladı.
• Gömülü: Kod, Head öğesinin içindeki bir Style öğesinin içine yerleştirilebilir.
• Bağlantılı/ İçe Aktarılan: CSS, harici bir dosyada tutulabilir ve ardından bir bağlantı öğesi aracılığıyla bağlanabilir.

9. Harici Stil Sayfaları ne gibi avantajlar ve dezavantajlar sunar?

liyakat:

• Her biri farklı stillere sahip çeşitli belgelerin kontrolünü ele geçirmek için yalnızca bir dosya kullanılabilir.
• Birden çok HTML öğesi, birden çok sınıfa sahip olabilen birden çok belgeye sahip olabilir.
• Stilleri gruplamak için bileşik durumlar, gruplama ve seçici olarak yöntemler kullanılabilir.

kusurlar:

• Farklı stil bilgilerine sahip belgeler için ekstra bir indirme gereklidir.
• Belgeyi sağlamak için harici stil sayfaları indirilmelidir.
• Küçük stil tanımları için pratik değildir.

10. Gömülü Stil Sayfalarının yararlarını ve dezavantajlarını belirtin?

liyakat:

• Ekstra indirme gerekli değildir.
• Tek bir belgede birden çok etiket türü oluşturulabilir.
• Karmaşık durumlarda stilleri uygulamak için seçici ve gruplama yöntemleri kullanılabilir.

kusurlar::

• Birden çok belgeyi kontrol etmek için kullanılamaz.

11. CSS seçicinin anlamı nedir?

CSS seçici, bir bildirimin veya bir dizi bildirimin bildirildiği HTML'nin bir dize eşdeğeridir. CSS seçicide Stil sayfasını ve HTML'yi kaplamak için kullanılan bir bağlantıdır.

12. CSS tarafından izin verilen medya türleri nelerdir?

Medya, belgelerin özelleştirilmesini ve tasarımını sağlar. Medya kontrolü, ağdan yükleyerek harici stil sayfalarını almak ve kullanmak için kullanılabilir.

13. Fiziksel etiketler ile mantıksal etiketler arasında ayrım yapın?

• Fiziksel etiketler sunumda bir işaretken, mantıksal etiketler görünümler için işe yaramaz.
• Mantıksal etiketler eski sürümlerdir ve yalnızca içeriğe odaklanırken, fiziksel etiketler yeni sürümlerdir.

Dünyanın En İyi Üniversitelerinden Online Yazılım Kursları Öğrenin . Kariyerinizi hızlandırmak için Yönetici PG Programları, Gelişmiş Sertifika Programları veya Yüksek Lisans Programları kazanın.

14. Stil Sayfası ve HTML arasındaki farkı belirtin?

HTML, kolay bir yapı yöntemine sahip olmasına rağmen stilden yoksundur. Stil Sayfaları yalnızca stil sunmakla kalmaz, aynı zamanda daha iyi biçimlendirme seçeneklerine ve tarama özelliklerine de sahiptir.

15. 'Kural kümesini' tanımlayın?

Diğer seçicilere bağlanabilecek seçicilerin belirlenmesi kural kümesi tarafından yapılır.

16. CSS'de büyük/küçük harf duyarlılığı var mı?

Yazı tipi aileleri ve URL'lerin büyük/küçük harf duyarlılığı olmasına rağmen, CSS'de büyük/küçük harf duyarlılığı yoktur.

17. Beyan bloğunun tanımını verin?

Bir bildirim bloğu, parantez içinde özellik, değer ve iki nokta üst üste içeren bir yön kataloğudur.

18. Yazı tipinin çeşitli özelliklerini listele?

Onlar:

• Yazı stili
• Yazı tipi varyantı
• Yazı tipi ağırlığı
• Yazı tipi boyutu/satır yüksekliği
• Font ailesi
• Altyazı
• Simge

19. Dosya eklemek neden içe aktarmayı kolaylaştırır?

İçe aktarma, çeşitli sayfalara yerleştirilecek harici sayfaları birleştirme özelliğine izin verir. Farklı bir işlev elde etmek için farklı sayfalar ve dosyalar kullanılabilir.

20. Sınıf seçicinin kullanımı nedir?

Sınıf seçiciler, belirli bir stile benzersiz bir atıf yapan seçicilerdir. İlişkilendirme ve stil ile HTML beyanı bu sayede yapılabilir.

21. Sınıf seçici ile ID seçici arasındaki fark nedir?

Kimlik seçici, yalnızca diğer öğelerden farklı olan tek bir öğe seçer, sınıf seçici ise genel bir blok seçer. Bir öğe bazen hem sınıfa hem de kimliğe sahip olabilir. Kimlikler benzersizdir, ancak sınıflar değildir.

22. CSS'ye birden fazla bildirim ekleyebilir misiniz?

CSS'de birden fazla bildirim eklemek için noktalı virgül kullanılabilir.

23. Sözde öğeler nelerdir?

Sahte öğeler, seçicilere birkaç özel efekt ekler. CSS, HTML işaretlemesinde çeşitli stiller uygular, ancak bazen, belgede ekstra stil veya işaretleme yapmak mümkün değildir. Bu, sözde öğeler olarak bilinen ve CSS'de bulunan bir özelliğin kullanıldığı durumdur. Asıl belgeyi bozmadan veya kurcalamadan ekstra şekillendirmeye veya işaretlemeye izin verir.

24. Altı çizili Köprüler nasıl geçersiz kılınır?

Altı çizili Köprüler, harici stil sayfaları ve kontrol ifadeleri kullanılarak geçersiz kılınabilir.

25. CSS, varsayılan özellik değerini geri yüklemeye yardımcı olabilir mi?

CSS'de varsayılan değerlerin olmaması nedeniyle eski değerlere geri dönmek mümkün değildir. Varsayılan mülkü geri almak için mülkün yeniden beyan edilmesi gerekir.

CSS'de kullanılan Medya türlerini listeleyin?

Farklı ortamların CSS'de farklı özellikleri vardır, çünkü bunlar büyük/küçük harfe duyarlı değildir.

Onlar:

• İşitsel (konuşma ve ses sentezleyiciler için)
• Yazdır
• Projeksiyon
• el
• Ekran

27. CSS Kutu Modelini tanımlayın ve öğelerini belirtin?

CSS kutu modeli, CSS'nin tüm öğelerinin düzenini ve tasarımını tanımlar. Bunlar şunları içerir: Kenar Boşluğu, Kenarlık, Dolgu ve İçerik.

28. Bağlamsal seçici nedir?

Bağlamsal seçici, bir öğenin özel oluşumlarını seçmek için kullanılır.

29. Onaltılık renk kodlarını RGB değerleriyle karşılaştırın mı?

Bir renk iki şekilde detaylandırılabilir:

• Karakterlere göre, yani başında # ile başlayan harf ve sayıların bir kombinasyonu ile renklerin onaltılık kodlaması.
• Rengin değerinin belirlenebildiği mavi, yeşil ve kırmızı karışımı ile.

30. Görüntü hareketli grafiklerini CSS bağlamında tanımla?

Image Sprites, birden fazla görüntüyü tek bir görüntüde birleştirme işlemidir. Görüntü yüklemede geçen süreyi kısaltır ve daha hızlı bilgi verir.

31. CSS'de Gruplama ve Yerleştirme Karşılaştırılsın mı?

Gruplama: Gruplamada, aynı özelliklere veya değerlere sahip seçicilerin tam anlamıyla gruplanmasıyla kod azaltılabilir.

Yuvalama: Yuvalamada, başka bir seçici içinde bir seçici belirtilir.

32. Bir elemanın boyutları nasıl tanımlanabilir?

Bir elemanın boyut özellikleri şu şekilde tanımlanabilir:

• Yükseklik
• Maksimum yükseklik
• Maksimum genişlik
• Min-yükseklik
• Minimum genişlik
• Genişlik

33. Float özelliği nedir?

Float özelliği kullanılarak, bir görüntü metinle birlikte sağa veya sola hareket ettirilebilir. Bu özelliğin uygulanması, uygulandığı öğelerin özelliklerini değiştirmez.

34. Z indeksi nasıl çalışır?

Bazen, HTML öğelerini CSS kullanarak konumlandırırken örtüşmeler meydana gelebilir. Z dizini, örtüşen öğenin belirlenmesine ve belirtilmesine yardımcı olur. Z indeksinin varsayılan değeri sıfırdır, ancak pozitif veya negatif bir sayı olabilir.

36. Aşağıdakilerden hangisi emsaldir: HTML prosedürleri mi yoksa CSS özellikleri mi?

CSS özellikleri, HTML prosedürlerinden önce gelir. CSS desteği olmayan tarayıcılar bile HTML özelliklerini görüntüler.

37. Satır içi stili tanımla?

Satır içi stili, stil eklemek için HTML'nin ayrı öğelerinde kullanılır.

38. CSS'de yorumlar nasıl eklenebilir?

/* ve */ CSS'ye yorum eklemek için kullanılabilir.

39. Nitelik Seçici Nedir?

Nitelik seçici, bir değerler, öğeler ve bunların parçaları kümesidir.

40. Mülkü tanımla?

Özellik, CSS dilini etkilemeye yardımcı olan bir stildir. İçlerinde karşılık gelen özellikleri veya değerleri içerirler. Örneğin. İtalik, kalın vb. gibi farklı stilleri olan yazı tipi.

41. at-kural nedir?

At-kural, kısmen değil, tüm sayfa için geçerli olan bir kuraldır. Öncesinde @, ardından AZ, az veya 0-9 gelir.

42. CSS ve CSS3 arasındaki fark nedir?

CSS'de modül kavramı yoktur. CSS3, CSS kodlarını uygun modüller halinde gruplayabildiği yeni bir özellik içermektedir. Modüller, belirli bir bileşen için tüm stillerin tek bir yerde bulunmasını sağlar. Ayrıntılı bir cevap için bu makaleye bakın.

Çözüm

Bu CSS mülakat soruları koleksiyonu, bir CSS mülakatına hazırlanmanıza büyük ölçüde yardımcı olacaktır. Bunlar yüksek olasılıklı sorulardır ve canlı yayında sıkça sorulur. Bu sorulardan herhangi birinin görüşmeciniz tarafından sorulması ihtimaline karşı bu cevapları hazır bulundurduğunuzdan emin olun.

Bu görüşmeye daha iyi hazırlanmak istiyorsanız, Yazılım Geliştirmede Executive PG Programı - Full Stack Geliştirmede Uzmanlaşma gibi kurslar size yardımcı olabilir. Ayrıca sizi HTML CSS mülakat sorularına daha iyi hazırlayacakları için upGrad'ın diğer yazılım geliştirme programlarını da tercih edebilirsiniz .