Notes
Notes - notes.io |
A) <body> etiketi içinde
B) Sayfamızın en başında
C) Sayfamızın en sonunda
D) <head>..</head> etiketleri arasında
2. Global CSS kullanımında, stil şablonumuzu hangi etiket içinde tanımlarız?
A) script
B) style
C) stile
D) css
3.Aşağıdaki CSS söz dizimlerinden hangisi doğrudur?
A) p {color:red: text-align:center};
B) p {color-red; text-align-center}
C) p {color:red; text-align:center;}
D) p (color:red; text-align:center;)
4.Stil şablonlarımıza açıklama satırı eklemek için ne kullanılır?
A) /* açıklama satırı */
B) ' açıklama satırı
C) // açıklama satırı //
D) // açıklama satırı
5.Aşağıdakilerden hangisi “baslik” isimli sınıf seçicisine ait bir paragrafın öz niteliğidir?
A) id= “#baslik”
B) id=”baslik”
C) style=”baslik “
D) class=”baslik”
6.Aşağıdakilerden hangisi kullanım yerine göre CSS çeşitlerinden değildir?
A) Yerel CSS kullanımı
B) Bağlantılı CSS kullanımı
C) Sistem CSS kullanımı
D) Global CSS kullanımı
7. Verilen aşağıdaki CSS kuralını nasıl kullanırsınız?
.p {
color: #ff0000;
}
a) <p>some text</p>
b) <div class="p">some text</div>
c) <div id="p">some text</div>
d) All of the above
8. Verilen aşağıdaki CSS kuralını nasıl kullanırsınız?
#div {
color: #ff0000;
}
a) <div>some text</div>
b) <p class="div">some text</p>
c) <p id="div">some text</p>
d) None of the above
9. a href>…</a> etiketi ne işe yarar?
A ) Altı çizili yazar B ) Resim eklemeye yarar
C ) Link vermeye yarar D ) Yazı tipini değiştirmeye yarar
10. Bir sayfadaki tüm linklerin alt çizgisini kaldırmak için aşağıdaki hangi style'li kullanmamız gerekir.
A)a{text-line:none}
B)a{text-line:none}
C)link{text-line:none}
D)a{text-decoration:none}
E)a{text-decoration:null}
11. Harici stil sayfasını bağlamak için düğmesine tıklayarak yapılan işlem sonucunda sayfamıza
eklenen komutlar aşağıdakilerden hangisidir?
a) <link href="stil.css" rel="stylesheet" type="text/css" />
b) <style type="text/css">
c) <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
d)stil
12. #bitki { color : #AA0080 ; } deyimi ne yapar?
a)<P ID="bitki">..</P> ile sinirlanan paragrafin zemin rengini belirler
b)<P ID="bitki">..</P> ile sinirlanan paragrafin text rengini belirler
c)<P ID="bitki">..</P> ile sinirlanan paragrafin cerceve rengini belirler
d)Hicbiri
13. Hangi CSS kuralı, “boxed” sınıf tanımı ile belirlenen, elemanların çevresine1-pixel kalınlığında düz mavi kenar çizgisi çizer?
A. .boxed { border: 1px solid blue; }
B. #boxed { border: 1px solid blue; }
C. boxed { border: 1px solid blue; }
D. $boxed { border: 1px solid blue; }
E. !boxed { border: 1px solid blue;
14. Bu CSS kuralı ne yapar: h1 { text-align: center; text-decoration: underline; }
A. Butun yazılar yatay olarak ortalanır ve altı çizgili yapılır.
B. Butun “h1” ile belirtilen paragraflar, ortalanır ve altı çizgili yapılır.
C. “h1” id turu ile belirtilen paragraflar, ortalanır ve altı çizgili yapılır.
D. Butun <h1> etiketleri yazılanlar ortalanır ve altı çizgili yapılır.
E. hiçbirsey
15. dikkat { border-color: #AACC00 ; } nitelemesi ne yapar?
a)<P CLASS=”dikkat”> … </P> ile sinirli bölgenin kenarlarinin rengini belirler
b)<P CLASS=”dikkat”> … </P> ile sinirli bölgenin karakterlerinin rengini belirler
c)<P CLASS=”dikkat”> … </P> ile sinirli bölgenin zemin rengini belirler
d)Hicbiri
16. Aşağıdaki css ve xhtml koduna gore tarayıcıda text nasıl gozukur?
css:
div {
color: red;
font-size: 200%;
}
p {
color: blue;
}
html:
<div>
<p>ElectricCar</p>
</div>
a) ElectricCar red-kırmızı ve 100% boyunda
b) ElectricCar red-kırmızı ve 200% boyunda
c) ElectricCar blue-mavi ve 100% boyunda
d) ElectricCar blue-mavi ve 200% boyunda
17. Asağıdaki font css ozelliklerinde hangisi yanlıstır?
a)font-family: Arial, Helvetica, sans-serif;
b)font-size: 80%;
c)font-style: italic;
d)font-color: bold;
18. Aşağıdaki gibi kullanılan foto isimli bir stil yaratın özellikleri şunlar olsun:
<div id="photo">
<img src="images/mantis.jpg" />
Test sayfa…
</div>
Arkaplan rengi: mavi
Çerçeve rengi kırmızı
Çerçeve genişliği:3pixel
Genişliğ:200pixel
Sol kenardan uzaklı:70 pixel
Sağ kenardan uzaklık: 70 pixel
Text yazısı:beyaz
19. Ek dosyada verilen zebra desenli tabloyu aşağıdaki özelliklere göre html ve css kodlarını oluşturarak kaydedip teslim ediniz.
Tablo genişliği: %70
Tablo Kenarlığı: Birleşik(border-collapse)
Yazılar: Sola Hizalı
Hücre içi boşluk:8 px
Satır Arkaplan Rengi: (Çift Satırlar) #f2f2f2
Başlık Arkaplan Rengi: #4CAF50
Başlık Yazı Rengi: Beyaz
20. Aşağıdaki özelliklere sahip bir kutu oluşturunuz.
Arkaplan rengi: lightblue
Genişlik: 200px
Kutu içi boşluk: 25px
Kenar: 25px solid navy
Dış Kenar Boşluğu: 25px
|
|
Notes.io is a web-based application for taking notes. You can take your notes and share with others people. If you like taking long notes, notes.io is designed for you. To date, over 8,000,000,000 notes created and continuing...
With notes.io;
- * You can take a note from anywhere and any device with internet connection.
- * You can share the notes in social platforms (YouTube, Facebook, Twitter, instagram etc.).
- * You can quickly share your contents without website, blog and e-mail.
- * You don't need to create any Account to share a note. As you wish you can use quick, easy and best shortened notes with sms, websites, e-mail, or messaging services (WhatsApp, iMessage, Telegram, Signal).
- * Notes.io has fabulous infrastructure design for a short link and allows you to share the note as an easy and understandable link.
Fast: Notes.io is built for speed and performance. You can take a notes quickly and browse your archive.
Easy: Notes.io doesn’t require installation. Just write and share note!
Short: Notes.io’s url just 8 character. You’ll get shorten link of your note when you want to share. (Ex: notes.io/q )
Free: Notes.io works for 12 years and has been free since the day it was started.
You immediately create your first note and start sharing with the ones you wish. If you want to contact us, you can use the following communication channels;
Email: [email protected]
Twitter: http://twitter.com/notesio
Instagram: http://instagram.com/notes.io
Facebook: http://facebook.com/notesio
Regards;
Notes.io Team
