Özet - Makale tipografisi

Tipografi özelliklerini birleştirerek makaleyi biçimlendirirsin.

Tüm tipografi bir arada

Bu derse kadar öğrendiğin tipografi özelliklerini bir makale sayfasında birleştireceksin: font-family ile yazı tipi, font-size ve font-weight ile boy ve kalınlık, line-height ile satır aralığı, text-align ile hizalama, text-decoration ve text-shadow ile efektler.

İki kod görevinde önce makalenin başlığını, sonra paragrafını biçimlendireceksin. Her bildirim makalenin bir yanını netleştirir.

Uygulama Makale başlığını biçimlendir

h1 seçicisi için bir blok aç. İçine şu dört bildirimi ekle: font-family: "Segoe UI", Arial, sans-serif;, font-size: 36px;, font-weight: bold; ve text-shadow: 2px 2px 4px rgba(0,0,0,0.3);.

Örnek çözümü göster

h1 {
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 36px;
  font-weight: bold;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

Uygulama Makale paragrafını biçimlendir

p seçicisi için bir blok aç. İçine şu dört bildirimi ekle: font-family: "Georgia", "Times New Roman", serif;, font-size: 18px;, line-height: 1.6; ve text-align: justify;.

Örnek çözümü göster

p {
  font-family: "Georgia", "Times New Roman", serif;
  font-size: 18px;
  line-height: 1.6;
  text-align: justify;
}

Kendini test et

Özellik ve görevini eşleştir

font-family

Yazı tipi ailesi
line-height

Satırlar arası mesafe
text-align

Yatay hizalama
text-shadow

Metne gölge
Paragrafı iki yana yaslamak için hangi değer yazılır?
- text-align: center;
- text-align: justify;
- text-align: both;
- text-align: sides;
Cevabı göster

text-align: justify; — Doğru. text-align: justify; satırları iki yana yayar.

Paragraf yazı tipini belirle

article {
  font-family: "Georgia", ____;
}

Cevabı göster

article {
  font-family: "Georgia", "Times New Roman", serif;
}

Sıradaki ders: Kutu modeli nedir?

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler