Atölye › Kartvizitim › 8/12. adım

Adını renklendir

Ne yapıyoruz

Adın kartın yıldızı: ona bir renk vereceğiz. Bir de tarayıcının başlıkların üstüne kendiliğinden koyduğu fazladan boşluğu kaldıracağız; kart daha derli toplu görünsün.

Bu sefer seçici bir etiket adı: h1. Kural sayfadaki bütün h1'lere uygulanır.

```css
h1 {
  margin: 0;
  color: #4f46e5;
}
```

Ne işe yarıyor

• h1 { → seçici bir etiket adı: kural bütün h1 başlıklarına uygulanır (başında nokta yok, çünkü sınıf değil).
• margin: 0; → tarayıcının başlık etrafına koyduğu dış boşluğu sıfırla. Tek değer dört yana birden uygulanır.
• color: #4f46e5; → yazı rengi (background zemin rengiydi, color yazının kendisi). #4f46e5 çivit mavisi.

Sıra sende

.card kuralının altına bir boş satır bırak ve h1 kuralını yaz. Çalıştır.

Beceriler: CSS ile görünüm

← Yumuşak bir gölge Bağlantılarını ekle →

Tüm adımlar

1. Başlık olarak adın
2. Kendin hakkında bir satır
3. Bir kutuya koy
4. İlk CSS
5. Kutuyu karta benzet
6. Kartı ortala
7. Yumuşak bir gölge
8. Adını renklendir
9. Bağlantılarını ekle
10. Bağlantılar yan yana
11. Tepki veren bağlantılar
12. Kendin yap: tepki veren kart