INTERNET VE WEB PROGRAMLAMA - Deneme Sınavı - 3

• background-color: arka plan rengini belirlemek için kullanılır.
• color: body etiketine direk yazılabilen color, sayfaya eklenecek metinlerin rengini belirlemek için
kullanılır, varsayılan değeri siyahtır.
• font-family: eklenen metnin yazı tipini belirlemek için kullanılır.
• font-size: metnin yazı boyutunu belirler.
• font-weight: metin için kalın ya da normal değerler alır.
• width: yazıldığı metin ya da nesne için genişlik değerini belirlerken kullanılır.
• height: yazıldığı metin ya da nesne için yükseklik değerini belirlerken kullanılır.

Bir stil oluştururken; eğer varolan etiketlerin dışında yeni bir ad ile yeni bir stil oluşturuluyorsa, stil adının başına nokta eklenir. Yani stilin adı “.stiladi” olarak yazılır.

<style type=“text/css”>
.buyukbaslik1 {
font-family: tahoma, verdana, helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #00C;
text-decoration: none;
}
</style>

Harici olarak hazırlanan bir CSS belgesinin html sayfada kullanılabilmesi için, html sayfasında, ‘head’ etiketinin içine bir kod eklemek gerekir. Bu kod standart olarak aşağıdaki gibidir:

<link href=“../css/style.css” rel=“stylesheet” />

Konumlandırma için kullanılan position özelliği farklı değerler alır. Static ve relative değerleri div etiketlerine
göre konumlanırken, fixed ve absolute değerleri tarayıcıya göre konumlanmaktadır.

CSS3 ile yeniden boyutlandırılabilir kutu yapmak da mümkündür. Bunun için “resize” özelliği kullanılır.

Animation-timing-function - Zamanlama
fonksiyonu: Animation-timing-function geçiş
efektleri ile animasyona estetiklik katar. Aşağıdaki
değerleri alır:
• linear
• ease
• ease-in
• ease-out
• ease-in-out
• cubic-bezier (n,n,n,n)
• steps

Animation Play State (Animasyon Durdurma):
Genellikle belli bir olaya bağlı olarak, örneğin
tıklama veya üzerine fareyle gelinmesi durumunda
başlatma ya da durdurma gibi olayları tanımlamayı
sağlar.

:first-child - Bir div içinde belirtilen ilk nesnenin özelliklerini belirlemede kullanılır.

CSS’in; yerel CSS, genel CSS ve harici CSS olmak üzere 3 türü vardır.

3 maddede de verilen fonksiyonların hepsi CSS ile web sayfalarında yapılabilir. Buna göre doğru cevap E'dir.

CSS ile belirlenebilecek temel bazı özellikler vardır. Bir sayfanın body etiketi altına yazılabilecek temel özellikleri ve işlevlerini aşağıdaki gibi sıralayabiliriz:

• background-color: arka plan rengini belirlemek için kullanılır.
• color: body etiketine direk yazılabilen color, sayfaya eklenecek metinlerin rengini belirlemek için kullanılır, varsayılan değeri siyahtır.
• font-family: eklenen metnin yazı tipini belirlemek için kullanılır.
• font-size: metnin yazı boyutunu belirler.
• font-weight: metin için kalın ya da normal değerler alır.
• width: yazıldığı metin ya da nesne için genişlik değerini belirlerken kullanılır.
• height: yazıldığı metin ya da nesne için yükseklik değerini belirlerken kullanılır.

Doğru cevap B'dir.

Bir html sayfada kullanılacak hücreler için farklı özellikleri her seferinde yeniden yazmak yerine, istenen özelliklere sahip stiller oluşturmak mümkündür. Hücre için;
• margin: hücre dışı boşluk
• padding: hücre içi boşluk
• border: çerçeve
anlamındadır.

Doğru cevap C'dir.

ID, identity’nin kısaltmasıdır ve kimlik anlamına gelir. ID olarak atanan bir stil, sayfada yalnızca bir kere kullanılabilir. ID için seçicinin yani stil adının diyez (#) işareti yazılır. Doğru cevap A'dır.

Bir div içinde belirtilen sıradaki nesnenin özelliklerini belirlemede " :nth-child(x) " kullanılır. Doğru cevap D'dir.

Fare ile bir metin/resim/nesne üzerine gelindiğinde meydana gelecek değişikliği ":hover" belirtir. Doğru cevap E'dir.

Animasyon için süre belirlemeyi " animation-duration " sağlar. Doğru cevap B'dir.

Animasyona başlamadan önce ara verilmesini "animation-delay" sağlar. Doğru cevap C'dir.

Animasyonun kaç kez tekrar edeceğini belirlemeyi " animation-iteration-count " sağlar. Doğru cevap D'dir.

Görsel sunum