farkmt2official 1
farkmt2official
Bvural41 1
Bvural41
noisiv 1
noisiv
Manwe Work 1
Manwe Work
kralhakan2009 1
kralhakan2009
Vahsi Uzman 1
Vahsi Uzman
Cancan.1234 1
Cancan.1234
Hikaye Ekle

En İyi 25 CSS Mülakat Sorusu (2023) -3-

  • Konuyu başlatan Konuyu başlatan KERİM ERBAY
  • Başlangıç tarihi Başlangıç tarihi
  • Cevaplar Cevaplar 4
  • Görüntüleme Görüntüleme 298

Ayyıldız2 | 2008 TR Yapısı • 1-99 Orta Emek Destan • Oto Avsız • 10 Temmuz 21:00 HEMEN TIKLA!

İkinci Konu İçin Tıkla

S19: Duyarlı web tasarımını açıklayın.

Cevap:
Duyarlı web tasarımı, masaüstü bilgisayarlar, dizüstü bilgisayarlar, tabletler ve akıllı telefonlar gibi çeşitli cihazlarda otomatik olarak ayarlanan ve güzel görünen web siteleri oluşturma yöntemidir.

Duyarlı tasarım, her cihaz için bir web sitesinin farklı versiyonlarını oluşturmak yerine, kullanılan cihazın ekran boyutuna bağlı olarak kendilerini değiştiren ve yeniden düzenleyen esnek düzenler, grafikler ve metinler kullanır.

Duyarlı web siteleri oluşturmak için CSS'nin @media özelliğini kullanıyoruz
1700721186157.png

S20: CSS'de VH/VW (görüntü alanı yüksekliği/görüntü alanı genişliği) nedir?

Cevap:
VH ve VW, duyarlı tasarım tekniklerinde sırasıyla görüntü alanı yüksekliğini ve görüntü alanı genişliğini yüzde biçiminde hesaplamak için kullanılan CSS birimleridir.

VH (Görüntüleme Alanı Yüksekliği): 1 VH, kullanıcının ekran yüksekliğinin %1'ine eşittir. Yani ekranın yüksekliği 1000 piksel ise 1 VH 10 piksele eşittir. VH kullanarak bir elemanın yükseklik ayarını ekranın yüksekliğine orantılı olarak bağlı hale getirebilirsiniz.

VW (Görüntüleme Alanı Genişliği): 1 VW, kullanıcının ekran genişliğinin %1'ine eşittir. Örneğin ekranın genişliği 800 piksel ise 1 VW 8 piksele eşittir. VW, ekranın genişliğine göre bir öğenin genişliğini değiştirmenize olanak sağlar.

S21: Kimlik seçici ile sınıf seçicinin kullanımı arasında ayrım yapın?

Cevap:

İDSınıf
Kimlik bir sayfaya özeldir ve yalnızca bir öğeye uygulanabilir.Aynı sınıfı farklı öğelere uygulayabiliriz, böylece aynı stil aynı anda birden fazla öğeye uygulanabilir.
Kimliğin adı “#” sembolüyle başlar ve ardından benzersiz bir kimlik adı gelir.Sınıf bir öğeye atanır ve adı “.” ile başlar. ardından sınıfın adı gelir.
Bir elemente yalnızca bir ID seçici ekleyebiliriz.Bir öğeye birden fazla sınıf seçici ekleyebiliriz.
Sözdizimi :
#id{

// CSS bildirimleri

}
Sözdizimi :

.class{

// CSS bildirimleri

}

S22: CSS'de fareyle üzerine gelme efektini nasıl yaratırsınız?

Ceva#id{B#id{reyle üzerine gelme efekti, web sitenizdeki resimler, metinler ve videolar gibi çeşitli bileşenlere etkileşimli geliştirmeler eklemenizi sağlayan bir CSS stil özelliğidir.

:hover sözde sınıfını kullanarak , kullanıcılar fare imlecini hedeflenen öğenin üzerine getirdiğinde tetiklenen ilgi çekici efektler oluşturabilirsiniz.

1700721245645.png


S23: Görünürlük ve görüntüleme özellikleri arasındaki fark nedir?

Cevap: Görünürlük:
CSS'deki 'visibility' özelliği, bir HTML öğesinin görünürlüğünü kontrol etmek için kullanılır. Genel olarak iki değerden birine sahip olabilir: 'gizli' veya 'görünür'.

Görünürlük değeri olarak 'görünür' ayarladığımızda web sayfasındaki HTML öğesini gösterir, HTML öğesinin değeri olarak 'gizli' ayarladığımızda ise HTML öğesini gizler ancak sayfada yer kaplar. web sayfası. Bu, HTML öğesini web sayfasından kaldırmadığı ancak gizlediği anlamına gelir.

Sözdizimi:
1700721259391.png

Görüntüleme:
'display' CSS özelliği, HTML öğesinin görüntülenmesini kontrol etmek için kullanılır. display özelliği 'block', 'inline', 'flex', 'none' vb. değerleri kabul eder.

show CSS özelliğinin değeri olarak none kullandığımızda HTML öğesi web sayfasından kaldırılır.

Sözdizimi:
1700721268244.png

S24: Sözde unsurlardan ne anlıyorsunuz?

Cevap:
CSS'deki sözde öğeler, bir HTML öğesinin belirli bölümlerini tasarlamanıza olanak tanıyan sanal öğelerdir. Ekstra HTML içeriği eklemeden bir öğenin bölümlerine ekstra stil eklemenizi sağlar.

Sözde öğeler, adlarının önünde çift iki nokta üst üste :):) ile tanımlanır. Örneğin, "::before" ve "::after" sözde öğeleri sıklıkla bir öğenin gerçek içeriğinden önce veya sonra içerik eklemek için kullanılır.

1700721277788.png


S25: Fiziksel ve mantıksal etiketler arasındaki fark nedir?

Cevap:
Mantıksal etiketler, fiziksel etiketlerden daha eskidir ve içerikle daha çok ilgilidir. Sunum açısından nadiren kullanılırlar. Mantıksal etiketlerin estetik açıdan uygulanabilirliği yoktur ancak fiziksel etiketlerin sunumda da bir uygulaması vardır.

En sık talep edilen CSS sorularının bir listesini derledik. Bu sorular işe alım yöneticileri ve uzmanları tarafından derlenmektedir. Bu nedenle, röportajınızda başarılı olmak istiyorsanız, tüm bu soruları iyice hazırlamanızı şiddetle tavsiye ederiz ve sorularınız varsa lütfen bunları aşağıdaki yorumlara bırakın; yanıtlamak için elimizden geleni yapacağız.
 

Şu an konuyu görüntüleyenler (Toplam : 0, Üye: 0, Misafir: 0)

Geri
Üst