CSS, basamaklı stil tabakaları anlamına gelir. HTML veya XML’de yazılmış bir belgenin sunumunu ve stilini tanımlamak için kullanılan bir programlama dilidir. CSS, öğelerin bir web sayfasında nasıl görüntülenmesi gerektiğini tanımlayan bir dizi kural ve özellik sağlar.
CSS ile web tasarımcıları ve geliştiriciler, bir web sitesinin görünümünün düzen, renkler, yazı tipleri, aralık ve efektler dahil çeşitli yönlerini kontrol edebilir. Stil bilgilerini içerikten ayırarak, CSS daha verimli ve esnek bir web geliştirme sürecine izin verir.
CSS, bir öğeye birden fazla stil kuralının uygulanabileceği ve son stilin özgüllük sırası ve farklı seçicilerin uygulanması ile belirlendiği basamaklı bir prensipte çalışır. Bu, web sayfalarında kolay özelleştirme ve tutarlılık sağlar.
CSS seçicileri, istenen stilleri uygulamak için belirli HTML öğelerini veya eleman gruplarını hedeflemek için kullanılır. Seçiciler, öğe türlerine, sınıf adlarına, kimliklere, özelliklere ve daha fazlasına dayanarak stilde büyük esneklik sağlayabilir.
CSS’nin en son sürümü olan CSS3, gelişmiş düzen seçenekleri, geçişler, animasyonlar, gradyanlar ve daha fazlası dahil olmak üzere çok sayıda yeni özellik sunarak daha yaratıcı ve etkileşimli web tasarımını sağladı.
Makale Anahat
- Bölüm 1: OnlineExamMaker’da anında AI kullanarak inanılmaz bir CSS sınavı oluşturun
- Bölüm 2: 15 CSS Test Soruları ve Cevapları
- Bölüm 3: Test Soruları Oluşturmak İçin OnlineExamMaker AI Soru Oluşturucuyu Deneyin
Bölüm 1: OnlineExamMaker’da anında AI kullanarak inanılmaz bir CSS sınavı oluşturun
Adayların CSS becerilerini değerlendirmenin en hızlı yolu, OnlineExamMaker gibi bir AI değerlendirme platformu kullanmaktır. OnlinexAmmaker AI Soru oluşturucu ile, metin, belgeler veya konular gibi içerik girebilir ve daha sonra otomatik olarak çeşitli formatlarda (ör. Çoktan seçmeli, doğru/yanlış, kısa cevap) sorular oluşturabilirsiniz. AI sınavı sınıflandırıcısı, adayınız değerlendirmeyi gönderdikten sonra sınavı otomatik olarak not edebilir ve anlayışlı raporlar oluşturabilir.
Değerlendirme ile ilgili temel özelliklerine genel bakış:
● Çoktan seçmeli, doğru/yanlış, boşluk doldurma, eşleşen, kısa cevap ve deneme soruları dahil olmak üzere en fazla 10 soru türü oluşturun.
● Otomatik olarak ayrıntılı raporlar oluşturur – bireysel puanlar, soru raporu ve grup performansı.
● Anında objektif soruları ve öznel cevapları tutarlılık için değerlendirme listesi tabanlı puanlama kullanır.
● API ve SSO, eğitmenlerin OnlineExammer’ı Google Classroom, Microsoft Teams, CRM ve daha fazlasına entegre etmesine yardımcı olur.
Yapay zekayı kullanarak otomatik olarak sorular oluşturun
Bölüm 2: 15 CSS Test Soruları ve Cevapları
or
1. Soru: CSS’de bir elementi benzersiz bir şekilde seçmek için hangi seçici kullanılır?
A) .class
B) #id
C) element
D) *
Doğru Cevap: B
Açıklama: ID seçicisi (#id), bir elementi benzersiz bir tanımlayıcı ile seçer ve CSS’de yüksek önceliğe sahiptir.
2. Soru: CSS’de metin rengini ayarlamak için hangi özellik kullanılır?
A) background-color
B) color
C) font-family
D) text-align
Doğru Cevap: B
Açıklama: Color özelliği, bir elementin metin rengini belirler ve RGB, HEX veya kelime tabanlı değerler alabilir.
3. Soru: CSS box modelinde bir elementin dış kenar boşluğunu ayarlamak için hangi özellik kullanılır?
A) padding
B) margin
C) border
D) width
Doğru Cevap: B
Açıklama: Margin özelliği, bir elementin dış kenar boşluğunu tanımlar ve elementler arasında boşluk oluşturur.
4. Soru: CSS’de bir elementin genişliğini yüzde cinsinden ayarlamak için hangi birim kullanılır?
A) px
B) em
C) %
D) rem
Doğru Cevap: C
Açıklama: Yüzde (%) birimi, ebeveyn elementin boyutuna göre ölçeklenebilir ve responsive tasarımda sıkça kullanılır.
5. Soru: CSS’de bir elementi ortalamak için hangi özellik kombinasyonu yaygın olarak kullanılır?
A) float: left
B) margin: auto
C) position: absolute
D) display: flex
Doğru Cevap: B
Açıklama: Margin: auto, blok elementleri yatay olarak ortalar ve genişlik belirtilmişse etkili olur.
6. Soru: CSS’de bir elementin arka plan resmini ayarlamak için hangi özellik kullanılır?
A) background-image
B) image-url
C) src
D) background-color
Doğru Cevap: A
Açıklama: Background-image özelliği, bir elemente arka plan resmi ekler ve URL yoluyla belirtilir.
7. Soru: CSS’de pseudo-class’lar hangi amaçla kullanılır?
A) Elementleri gizlemek için
B) Elementlerin durumlarını seçmek için (örneğin, :hover)
C) Renkleri değiştirmek için
D) Yazı tiplerini ayarlamak için
Doğru Cevap: B
Açıklama: Pseudo-class’lar, elementlerin etkileşim durumlarını (örneğin, fareyle üzerine gelindiğinde) seçmek için kullanılır ve etkileşimli tasarımda önemlidir.
8. Soru: CSS’de font boyutunu ayarlamak için hangi özellik kullanılır?
A) font-size
B) text-size
C) size
D) font-weight
Doğru Cevap: A
Açıklama: Font-size özelliği, metin boyutunu px, em veya % gibi birimlerle ayarlar ve okunabilirliği etkiler.
9. Soru: CSS’de bir elementin konumunu sabit tutmak için hangi position değeri kullanılır?
A) relative
B) absolute
C) fixed
D) static
Doğru Cevap: D
Açıklama: Static position değeri, elementin normal akışta kalmasını sağlar ve varsayılan değerdir.
10. Soru: CSS’de media queries ile ne yapılabilir?
A) Renkleri değiştirmek
B) Ekran boyutuna göre stilleri uyarlamak
C) Yazı tiplerini sabitlemek
D) Arka planları kaldırmak
Doğru Cevap: B
Açıklama: Media queries, farklı cihaz ekran boyutlarına göre stilleri otomatik olarak uyarlar ve responsive tasarımın temelidir.
11. Soru: CSS’de bir elementin kenarlığını kalınlaştırmak için hangi özellik kullanılır?
A) border-width
B) border-style
C) border-color
D) border
Doğru Cevap: A
Açıklama: Border-width özelliği, kenarlığın kalınlığını px gibi birimlerle ayarlar ve box modelinin bir parçasıdır.
12. Soru: CSS’de flexbox layoutunu başlatmak için hangi display değeri kullanılır?
A) grid
B) flex
C) block
D) inline
Doğru Cevap: B
Açıklama: Display: flex, bir container’ı flexbox layoutuna dönüştürür ve esnek düzenlemeler için kullanılır.
13. Soru: CSS’de CSS değişkenlerini tanımlamak için hangi atama kullanılır?
A) var()
B) –variable
C) let
D) const
Doğru Cevap: B
Açıklama: –variable ile CSS değişkenleri tanımlanır ve :root veya bir seçicide kullanılır, tekrar kullanılabilirliği artırır.
14. Soru: CSS’de bir elementin geçiş animasyonu eklemek için hangi özellik kullanılır?
A) animation
B) transition
C) transform
D) keyframe
Doğru Cevap: B
Açıklama: Transition özelliği, bir özelliğin değişimini yumuşak bir animasyonla gerçekleştirir ve hover gibi olaylarda etkilidir.
15. Soru: CSS’de specificity kurallarında ID seçicisinin önceliği nedir?
A) En düşük
B) Orta
C) En yüksek
D) Aynı sınıf ile
Doğru Cevap: C
Açıklama: ID seçicisi, yüksek specificity değerine sahiptir (100 puan) ve aynı seçicilerde öncelik kazanır.
or
Bölüm 3: Test Soruları Oluşturmak İçin OnlineExamMaker AI Soru Oluşturucuyu Deneyin
Yapay zekayı kullanarak otomatik olarak sorular oluşturun