Diğer 10 soru

Web Tasarımı Ünite -7

Kaynak: https://lolonolo.com/2024/06/10/web-tasarimi-unite-7/

📖 Konu özeti (sınav öncesi tekrar)

Html Stil Şablonu (css)

10 soru
Şıkka dokun, anında açıklamasını gör — ya da çalışma modunda tüm cevapları aç.
Soru 1
HTML’de görsellik ayarlamaları için HTML’nin tamamlayıcı unsuru olarak kullanılan yapı aşağıdakilerden hangisidir?
CDoğru cevap
Açıklama
CSS (Cascading Style Sheets), HTML ile birlikte kullanılarak web sayfalarının görsel stilini ayarlayan bir dilidir. CSS, sayfa düzenini, renklerini, yazı tiplerini ve diğer görsel öğeleri tanımlar.
Soru 2
HTML dosyası içerisinde CSS komutlarını tanımlamak üzere kullanılan etiket aşağıdakilerden hangisidir?
DDoğru cevap
Açıklama
HTML dosyasında CSS tanımlamaları yapmak için
Soru 3
Seçici yapısı içerisinde aşağıdakilerden hangisi yer almaz?
EDoğru cevap
Açıklama
CSS seçici yapısında seçici adı, biçimlendirme tanımı, parametre ve değer bulunur. “Stil yapısı” kavramı ise seçici yapısının bir parçası değildir.
Soru 4
“background: #FF0000 url(“dosya_Adi”) no-repeat center top;” şeklinde bir CSS kodu verilmiş olsun. Bu kod ile birlikte arka plan hakkında bazı biçimlendirmeler gerçekleştirilmektedir. Arka plana ait çeşitli özellikler için verilen parametre değerlerinden hangisi, arka plana yerleştirilecek görselin tüm sayfa dolana kadar tekrar etmeden, sayfada sadece bir kez yer almasını sağlar?
EDoğru cevap
Açıklama
“no-repeat” değeri, arka plana yerleştirilen görselin tekrar etmeden yalnızca bir kez görüntülenmesini sağlar. Diğer değerler ise görselin konumunu belirler.
Soru 5
table {background-color: red;} şeklinde bir seçici tanımladğımızı varsayalım. Aşağıdakilerden hangisi doğrudur?
BDoğru cevap
Açıklama
Bu CSS kuralı, sayfadaki tüm tabloların arka plan rengini kırmızı yapar. Seçici, “table” etiketini hedef alır ve arka plan rengini kırmızıya ayarlar.
Soru 6
Aşağıdakilerden hangisi isim tabanlı bir seçicidir?
CDoğru cevap
Açıklama
“table” seçicisi, HTML’deki “table” etiketini hedef alır ve isim tabanlı bir seçicidir. Bu seçici, sayfadaki tüm “table” etiketlerine stil uygular.
Soru 7
a:hover { biçimlendirme tanımları} seçicisi ne işe yarar?
CDoğru cevap
Açıklama
“a:hover” seçicisi, fare ile bağlantıların üzerine gelindiğinde uygulanacak stil tanımlarını belirler. Bu, bağlantının üzerine gelindiğinde görünümünü değiştirmek için kullanılır.
Soru 8
“border-style” parametresi kenarlığın çizgi görünümünü biçimlendirmek için kullanılmaktadır. Aşağıdakilerden hangisi bu parametrenin alabileceği değerlerden değildir? I-dotted, II-dashed, III-crashed, IV-single, V-solid
EDoğru cevap
Açıklama
“border-style” parametresi “dotted”, “dashed” ve “solid” gibi değerler alabilir. Ancak “crashed” ve “single” değerleri bu parametre için geçerli değildir.
Soru 9
Metnin tam üzerine bir çizginin eklemek üzere kullanılan parametre değeri hangisidir?
DDoğru cevap
Açıklama
“line-through” değeri, metnin tam üzerine bir çizgi ekler ve bu parametre “text-decoration” ile birlikte kullanılır.
Soru 10
———  parametresi ile birlikte kenarlık ve iç kenar dolgusunun belirlenen genişlik ve yükseklik içerisinde kalması sağlanır. Boşluğa aşağıdakilerden hangisi gelmelidir?
ADoğru cevap
Açıklama
“box-sizing” parametresi, bir elemanın genişlik ve yüksekliğinin hesaplanma şeklini kontrol eder. “border-box” değeri, kenarlık ve iç kenar dolgusu dahil olmak üzere toplam genişlik ve yüksekliğin belirlenen boyutlar içinde kalmasını sağlar.