Özet - İlk stil sayfam
Temel CSS kavramlarını birleştirerek ilk stil sayfanı yazarsın.
Beş ders, tek tema
Bu grupta CSS'in ne olduğunu, HTML'e nasıl bağlandığını, stil bloğu yapısını, yorumları ve cascade davranışını öğrendin. Şimdi bunları tek bir stil sayfasında birleştirme sırası.
Amacımız: bir blog sayfası için ilk stil sayfasını yazmak. body, h1 ve p bölümleri olacak; her biri sayfanın bir parçasını biçimleyecek.
Neler öğrendin?
Hatırla: CSS bildirimleri süslü parantez içinde, her bildirim özellik: değer; biçiminde. Stil sayfasını HTML'e <link rel='stylesheet'> ile bağlarız.
İki bölüm aynı öğeye çakışırsa cascade devreye girer; aynı öncelikte sonra yazılan kazanır. Kalıtım sayesinde body'deki color alt öğelere de geçer; border gibi bazı özellikler ise geçmez.
Uygulama İlk stil sayfanı yaz
İlk stil sayfanı yaz. İçinde üç bölüm olsun: body için color: #222, h1 için color: darkblue, p için line-height: 1.5. Bölümleri alt alta, her bildirimi girintili yaz.
Örnek çözümü göster
/* ilk stil sayfanı yaz */
body {
color: #222;
}
h1 {
color: darkblue;
}
p {
line-height: 1.5;
}Kendini test et
-
Hangisi geçerli bir CSS bildirim biçimidir?
- color: navy;
- color = navy
- color -> navy
- color(navy)
Cevabı göster
color: navy; — Doğru. CSS bildirimi 'özellik: değer;' biçimindedir; iki nokta ve noktalı virgül kullanılır.
-
h1 bölümüne yazı boyu ver
h1 { ____: 32px; }Cevabı göster
h1 { font-size: 32px; } -
Kavramları anlamlarıyla eşleştir
- CSS
- Biçimlendirme dili
- Stil sayfası
- .css dosyası
- Seçici
- Hangi öğe
- Bildirim
- özellik: değer