En İyi 50 CSS Mülakat Soruları ve Cevapları (2025)

İşte hem yeni başlayanlar hem de deneyimli adaylar için hayallerindeki işi bulmaları için CSS (CSS3) mülakat soruları ve cevapları.

Ücretsiz PDF İndir: CSS Mülakat Soruları

1. CSS nedir?

CSS'nin tam biçimi Basamaklı Stil Sayfalarıdır. Yeterince basit bir stil dilidir. HTML elementler. Web tasarımında popülerdir ve uygulaması XHTML'de de yaygındır.

---

2. CSS'nin kökeni nedir?

Standart Genelleştirilmiş İşaretleme Dili, 1980'lerde stil sayfalarının başlangıcını işaret ediyordu.

---

3. CSS'nin farklı çeşitleri nelerdir?

CSS varyasyonları şunlardır:

• CSS1
• CSS 2
• CSS 2.1
• CSS 3
• CSS 4

---

4. CSS'nin sınırlamaları nelerdir?

Sınırlamalar şunlardır:

•  Seçicilerin yükselmesi mümkün değil
• Dikey kontrolün sınırlamaları
• İfade yok
• Sütun bildirimi yok
• Dinamik davranış tarafından kontrol edilmeyen sözde sınıf
• Kurallar, stiller ve belirli bir metni hedeflemek mümkün değil

---

5. CSS'nin avantajları nelerdir?

Avantajları:

• Bant genişliği
• Site çapında tutarlılık
• sayfa yeniden biçimlendirme
• Engellilerin kullanımları için uygunluk
• İçerik sunumdan ayrıldı

---

6. CSS çerçeveleri nelerdir?

CSS dilini kullanarak daha kolay ve standartlara daha uygun web sayfası tasarımına olanak sağlayan, önceden planlanmış bir kütüphanedir.

---

7. CSS1 ile blok elemanları nasıl ortalanabilir?

Blok düzeyindeki öğeler şu şekilde ortalanabilir:

Kenar boşluğu-sol ve kenar boşluğu-sağ özellikleri açık bir değere ayarlanabilir:

BODY {

width: 40em;

background: fluorescent;

}

P {

width: 30em;

margin-right: auto;

margin-left: auto

}

Bu durumda, sol ve sağ kenar boşluklarının her biri, (40em-30em)'den kalan on em'yi böldüğü için beş em genişliğinde olacaktır. BODY öğesi için açık bir genişlik ayarlamak gereksizdi; basitlik açısından burada yapıldı.

---

8. CSS spesifikasyonlarını kim korur?

World Wide Web Konsorsiyumu CSS özelliklerini korur.

---

9. Bir CSS kaç şekilde web sayfası olarak entegre edilebilir?

CSS üç şekilde entegre edilebilir:

• Satır İçi: Stil özelliği, CSS uygulamalı HTML öğelerine sahip olmak için kullanılabilir.
• Gömülü: Head öğesi, içine kodun yerleştirilebileceği bir Style öğesine sahip olabilir.
• Bağlantılı/İçe Aktarılmış: CSS harici bir dosyaya yerleştirilebilir ve bağlantı öğesi aracılığıyla bağlanabilir.

---

10. Harici Stil Sayfalarının ne gibi yararları ve dezavantajları vardır?

Faydaları:

• Bir dosya, farklı stillere sahip birden fazla belgeyi kontrol etmek için kullanılabilir.
• Birden çok HTML öğesi, sınıflara sahip olabilen birçok belgeye sahip olabilir.
• Bileşik durumlarda stilleri gruplandırmak için seçici ve gruplama gibi yöntemler kullanılır.

demerits:

• Stil bilgisi içeren belgeleri içe aktarmak için ekstra indirme gerekir.
• Belgeyi oluşturmak için harici stil sayfasının yüklenmesi gerekir.
• Küçük stil tanımları için pratik değildir.

---

11. Gömülü Stil Sayfalarının avantajlarını ve dezavantajlarını tartışın?

Gömülü Stil Sayfalarının Avantajları:

• Tek bir belgede birden fazla etiket türü oluşturulabilir.
• Stiller, karmaşık durumlarda Seçici ve Gruplama yöntemleri kullanılarak uygulanabilir.
• Ekstra indirme gereksizdir.

Gömülü Stil Sayfalarının Dezavantajları:

• Birden fazla belge kontrol edilemez.

---

12. CSS seçici ne anlama geliyor?

Bildirimlerin veya bir kümesinin bildirildiği HTML öğelerinin dize eşdeğeri ve HTML ile Stil sayfasını bağlamak için başvurulabilecek bir bağlantıdır, CSS seçicidir.

---

13. CSS'nin izin verdiği medya türlerini listelemek ister misiniz?

Belgelerin tasarımı ve özelleştirilmesi medya tarafından gerçekleştirilir. Harici stil sayfaları üzerinde medya kontrolü uygulanarak bunlar ağdan yüklenerek alınabilir ve kullanılabilir.

---

14. Mantıksal etiketleri fiziksel etiketlerden ayırıyor musunuz?

• Fiziksel etiketler aynı zamanda sunum işaretlemesi olarak da anılırken, mantıksal etiketler görünümler için işe yaramaz.
• Fiziksel etiketler daha yeni sürümlerdir, mantıksal etiketler ise eskidir ve içeriğe odaklanır.

---

15. Stil Sayfası kavramını HTML'den ayırmak mı istiyorsunuz?

HTML, kolay bir yapı yöntemi sağlarken, Stil sayfalarının aksine stillendirmeden yoksundur. Üstelik stil sayfaları daha iyi tarayıcı özelliklerine ve biçimlendirme seçeneklerine sahiptir.

---

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

Kural Kümesi: Seçiciler, kural kümesi tarafından tanımlanacak diğer seçicilere eklenebilir.

İki bölümü vardır:

• Seçici, örneğin R ve
• bildirim {text-indent: 11pt}

---

17. CSS'nin Büyük/Küçük harf duyarlılığı hakkında yorum yapın?

Her ne kadar CSS'de büyük/küçük harf duyarlılığı olmasa da yazı tipi aileleri, resimlerin URL'leri vb. vardır. Yalnızca XML Sayfada XHTML DOCTYPE ile birlikte bildirimler kullanılıyor, CSS büyük/küçük harfe duyarlıdır.

---

18. Beyan bloğunu tanımla?

Özellik, iki nokta üst üste ve değerden oluşan parantez içindeki yön kataloğuna bildirim bloğu denir.
örneğin: [özellik 1: değer 3]

---

19. Çeşitli yazı tiplerinin özelliklerini listelemek ister misiniz?

Bunlar:

• Yazı stili
• Yazı tipi değişkeni
• Yazı tipi ağırlığı
• Yazı tipi boyutu/satır yüksekliği
• Font ailesi
• Başlık
• Simge

 

---

20. Bir dosyayı içe aktararak eklemek neden kolaydır?

İçe aktarma, birçok sayfaya eklenecek harici sayfaların birleştirilmesini sağlar. Farklı işlevlere sahip olmak için farklı dosyalar ve sayfalar kullanılabilir. Sözdizimi:

@import notasyonu, birlikte kullanılır tag.

---

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

Belirli bir stile özgü seçicilere SINIF seçicileri denir. Stil bildirimi ve HTML ile ilişkilendirme bu sayede yapılabilir. Sözdizimi:

Sınıf adı
AZ, az veya rakam olabilir.
.top {font: 14em ;}, sınıf seçici
bu sınıf elementle ilişkilidir

---

22. Sınıf seçiciyi kimlik seçiciden ayırmak mı istiyorsunuz?

Sınıf seçiciye genel bir blok verilirken, kimlik seçici diğer öğelerden farklı olarak yalnızca tek bir öğeyi tercih eder. Başka bir deyişle, kimlikler benzersizdir ancak sınıflar benzersiz değildir. Bir öğenin hem sınıfa hem de kimliğe sahip olması mümkündür.

---

23. CSS'ye birden fazla bildirim eklenebilir mi?

Evet, noktalı virgül kullanılarak elde edilebilir.

---

24. Sözde elementler nedir?

Bazı seçicilere özel efektler eklemek için sözde öğeler kullanılır. CSS, HTML işaretlemesinde stilleri uygulamak için kullanılır. Belge için ekstra işaretleme veya stil oluşturmanın mümkün olmadığı bazı durumlarda, CSS'de sözde öğeler olarak bilinen bir özellik bulunur. Gerçek belgeyi bozmadan belgede ekstra işaretleme yapılmasına olanak tanır.

---

25. Köprülerin altını çizme nasıl geçersiz kılınır?

Kontrol ifadeleri ve harici stil sayfaları, altı çizili Köprüleri geçersiz kılmak için kullanılır.

Örneğin:

B {

text-decoration: none;

}

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

 

---

26. Sayfanın tamamında kayan noktalarla birlikte %100 genişlik kullanılırsa ne olur?

Float bildirimi yapılırken border formunda her kullanıldığında 1 piksel eklenir ve daha sonra daha da fazla float'a izin verilir.

---

27. Varsayılan özellik değeri CSS aracılığıyla geri yüklenebilir mi? Evet ise nasıl?

CSS'de, varsayılan değerlerin bulunmamasından dolayı eski değerlere geri dönemezsiniz. Varsayılan özelliği elde etmek için özellik yeniden bildirilebilir.

---

28. Kullanılan çeşitli Medya türlerini listeler misiniz?

Farklı ortamlar, büyük/küçük harfe duyarlı olmadığından farklı özelliklere sahiptir.

Bunlar:

• İşitsel – ses sentezleyicileri ve konuşma için
• Yazdır – yazdırıldığında içeriğin önizlemesini verir
• Projeksiyon- CSS'yi projektörlere yansıtır.
• Elde taşınır - elde taşınır cihazları kullanır.
• Ekran-bilgisayarlar ve dizüstü bilgisayar ekranları.

---

29. CSS Kutu Modeli nedir ve unsurları nelerdir?

Bu kutu, CSS öğelerinin tasarımını ve düzenini tanımlar. Unsurlar şunlardır:

Kenar: En üst katmanda genel yapı gösterilir
sınır: Etrafında bir kenarlık bulunan dolgu ve içerik seçeneği gösterilir. Arka plan rengi kenarlığı etkiler.
Dolgu malzemesi: Boşluk gösterilir. Arka plan rengi kenarlığı etkiler.
İçerik: Gerçek içerik gösterilir.

---

30. Bağlamsal seçici nedir?

Bir öğenin özel oluşumlarını seçmek için kullanılan seçiciye bağlamsal seçici denir. Bireysel seçicileri bir boşluk ayırır. Bu tür seçicide desenin yalnızca son öğesi ele alınır. Örneğin: TD P TEXT {renk: mavi}

---

31. RGB değerlerini Hexadecimal renk kodlarıyla karşılaştırın?

Bir renk iki şekilde belirtilebilir:

• Bir renk 6 karakterle, yani onaltılık renk kodlamasıyla temsil edilir. Rakam ve harflerin birleşiminden oluşur ve önünde # işareti bulunur. örneğin: g {renk: #00cjfi}
• Bir renk kırmızı, yeşil ve mavinin karışımıyla temsil edilir. Bir rengin değeri de belirtilebilir. Örn: rgb(r,g,b): Bu tipte değerler 0 ile 255 arasında tamsayılar olabilir. rgb(r%,g%,b%): kırmızı, yeşil ve mavinin yüzdesi gösterilir.

---

32. CSS bağlamına sahip Görüntü spritelarını tanımlayın?

Bir dizi görüntü tek bir görüntüde birleştirildiğinde buna 'Görüntü Spriteları' adı verilir. Bir web sayfasına her görselin yüklenmesi zaman aldığından, görsel spriteların kullanılması harcanan zamanı azaltır ve hızlı bir şekilde bilgi verir.

CSS kodlaması:

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

 

Bu durumda sadece ihtiyaç duyulan kısım kullanılır. Kullanıcı bu sayede önemli miktarda marj ve zaman tasarrufu sağlayabilir.

---

33. CSS'de Gruplandırma ve Yerleştirmeyi Karşılaştırın?

Gruplandırma: Seçiciler aynı özellik değerlerine sahip olarak gruplandırılabilir ve kod azaltılabilir.
Örneğin :

h1 {

color: blue;

}

h2 {

color: blue;

}

p {

color: blue;

}

 

Her elemanın aynı özelliği paylaştığı koddan görülmektedir. Her seçiciyi virgülle ayırarak yazarak yeniden yazmaktan kaçınılabilir.

Yuvalama: Bir seçicinin içinde bir seçicinin belirtilmesine yuvalama adı verilir.

P

{

color: red;

text-align: left;

}

.marked

{

background-color: blue;

}

.marked p

{

color: green;

}

 

---

34. Bir elemanın boyutu nasıl tanımlanabilir?

Boyut özellikleri şu şekilde tanımlanabilir:

• Yükseklik
• Maksimum yükseklik
• Maksimum genişlik
• Minimum yükseklik
• Minimum genişlik
• genişlik

---

35. CSS'nin float özelliğini tanımlayın?

Float özelliği ile görsel, etrafına sarılacak metinle birlikte sağa veya sola hareket ettirilebilir. Bu özellik uygulanmadan önceki elemanların özellikleri değişmez.

---

36. Z endeksi nasıl çalışır?

HTML öğelerini konumlandırmak için CSS kullanılırken çakışma meydana gelebilir. Z indeksi örtüşen elemanın belirlenmesine yardımcı olur. Pozitif veya negatif olabilen bir sayıdır; varsayılan değer sıfırdır.

---

37. Zarif bozulma nedir?

Bileşenin arızalanması durumunda, kademeli bir bozulmanın varlığı halinde düzgün çalışmaya devam edecektir. Bir web sayfası tasarlanırken en son tarayıcı uygulaması kullanılır. Herkesin kullanımına açık olmadığından daha geniş kitlelere ulaşmasını sağlayan temel bir işlevsellik bulunmaktadır. Görselin görüntülenememesi durumunda metin alt etiketiyle gösterilir.

---

38. Aşamalı iyileştirme nedir?

Web konusuna odaklanan zarif bozulmaya bir alternatiftir. İşlevsellik aynıdır ancak en son bant genişliğine sahip kullanıcılara ekstra avantaj sağlar. Son dönemde mobil internet bağlantılarının yaygınlaşmasıyla birlikte ön plana çıkıyor.

---

39. CSS'de geriye dönük uyumluluk nasıl tasarlanabilir?

HTML sayfa yöntemleri CSS ile işbirliği yapılarak buna göre kullanılır.

---

40. Görüntünün altındaki boşluk nasıl giderilebilir?

Satır içi öğeler olan görseller metinlerle aynı şekilde ele alındığından, bir boşluk kalır ve bu boşluk şu şekilde kaldırılabilir:

CSS

img { display: block ; }

 

---

41. @import neden yalnızca en üstte yer alıyor?

@import, geçersiz kılma kurallarını önlemek için yalnızca üstte tercih edilir. Genellikle Java, Modula vb. gibi çoğu programlama dilinde sıralama sırası izlenir. C'de #, @import'un en üstte olmasının belirgin bir örneğidir.

---

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

CSS, HTML prosedürlerine göre daha emsaldir. CSS desteği olmayan tarayıcılar HTML niteliklerini görüntüler.

---

43. Satır içi stil nedir?

Bir CSS'deki Satır İçi stili, tek tek HTML öğelerine stil eklemek için kullanılır.

---

44. CSS'de yorumlar nasıl eklenebilir?

CSS'deki yorumlar /* ve */ ile eklenebilir.

---

45. Özellik Seçiciyi Tanımla?

Bir dizi öğe, değer ve onun parçalarıyla tanımlanır.

---

46. ​​Özelliği tanımlayın?

CSS'yi etkilemeye yardımcı olan bir stil. Örneğin FONT. FONT'un kalın, italik vb. gibi farklı stillere sahip olması gibi, içlerinde karşılık gelen değerler veya özellikler vardır.

---

47. Alternatif Stil Sayfası Nedir?

Alternatif Stil Sayfaları, kullanıcının görünüm>sayfa stili menüsünü kullanarak sayfanın görüntüleneceği stili seçmesine olanak tanır. Alternatif Stil Sayfası aracılığıyla kullanıcı, ihtiyaç ve tercihlerine göre sayfanın birden fazla sürümünü görebilir.

---

48. URL'lerde alıntı yapmak zorunlu mudur?

URL'lerde tırnak işaretleri isteğe bağlıdır ve tek veya çift olabilir.

---

49. Kuralda nedir?

Kısmen değil, sayfanın tamamında geçerli olan kural, kural olarak bilinir. Başına @ ve ardından AZ, az veya 0-9 gelir.

---

50. CSS, kullanıcının kişisel sayfasıyla karıştırılacak şekilde nasıl basamaklandırılabilir?

Özellikler, önerilen yerlerde bir dizi olabilir ve belge, CSS'nin kullanıcının kişisel sayfasıyla karıştırılması için değiştirilebilir.

Bu röportaj soruları aynı zamanda sözlü konuşmanıza da yardımcı olacaktır. Her sektörde web sitelerinin ve web uygulamalarının kullanımı her geçen gün artmaktadır ve CSS, çekici web siteleri oluşturmanın önemli bir parçasıdır. Bu nedenle, HTML ile CSS'yi iyi bilen UI/UX ve Web tasarımcılarına büyük bir talep var.