1️⃣ Temel CSS Özellikleri ve Eleman Tipleri
a Etiketi
a etiketi inline elemandır.- Inline elemanlar width ve height alamaz.
display Özellikleri
| Özellik |
Açıklama |
inline |
Satır içi, sadece içerik kadar yer kaplar, width/height uygulanamaz. |
inline-block |
Satır içi davranır ama width/height uygulanabilir. |
block |
Tüm satırı kaplar, width/height uygulanabilir. |
span { display: inline-block; width: 100px; height: 50px; }
div { display: block; }
Metin ve Geçişler
letter-spacing: 2px; /* Harfler arası boşluk */
transition: all 0.3s ease; /* Hover/active için yumuşak geçiş */
2️⃣ Arka Plan ve Yükseklik Yönetimi
Arka Plan
background-image: linear-gradient(to right, red, blue);
background-position: top;
background-size: cover;
linear-gradient(to right, red, blue): Renk geçişi efektibackground-position: top: Görsel üstten başlarbackground-size: cover: Görsel alanı tamamen kaplar
Yükseklik
100vh: Viewport yüksekliği kadar95vh: Küçük boşluk bırakarak taşmayı önler
.section {
height: 95vh;
}