Ö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

Sıradaki ders: Tür seçiciler

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler