Ö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; }