NEW
Font size
WorksheetsCSS Bilgi Yarışması
Total questions: 16
Worksheet time: 8mins
Aşağıdaki hangisi geçerli bir class seçicisidir?
#menu
.menu
menu
*menu
Hangisi tüm HTML elemanlarını seçer?
body
html
*
all
Aşağıdaki kodda hangi renk uygulanır?
p { color: blue; }
.text { color: green; }
#text { color: red; }
<p id="text" class="text">Merhaba</p>
mavi
yeşil
kırmızı
varsayılan
box-sizing: border-box ne sağlar?
margin’i yok eder
padding’i dışarı taşır
genişliği sabit tutar
border’ı gizler
Aşağıdaki kodda toplam genişlik kaç px’dir? (standart box model)
div {
width: 300px;
padding: 20px;
border: 10px solid;
}
300
340
360
380
display: none için hangisi doğrudur?
yer kaplar
görünmez ama yer tutar
dom’dan silinir
hem görünmez hem yer tutmaz
overflow: hidden ne amaçla kullanılır?
taşmayı gizlemek
scroll eklemek
margin sıfırlamak
responsive kapatmak
Yatay hizalama için hangisi kullanılır?
align-items
justify-content
align-self
flex-wrap
Dikey hizalama için hangisi kullanılır?
justify-content
flex-grow
align-items
gap
Bootstrap nedir?
programlama dili
js kütüphanesi
css + js framework
sadece grid sistemi
container-fluid özelliği nedir?
sabit genişlik
tam genişlik
responsive değil
mobilde çalışmaz
Doğru yapı hangisidir?
row > container > col
container > col > row
container > row > col
col > row > container
Grid taşarsa ne olur?
hata verir
alt satıra geçer
gizlenir
sayfa bozulur
Responsive tasarımın amacı nedir?
sadece mobil
sadece masaüstü
her ekran uyumu
performans artırma
text-center neyi etkiler?
display
hizalama
pozisyon
float
type="reset" butonu ne yapar?
form gönderir
alanları temizler
sayfayı kapatır
js çalıştırır
