- Sözdizimi (syntax) ve terminoloji
- CSS yazma yöntemleri
- Basit seçiciler
- Birden fazla seçici kullanmak
- Renk kullanımı (hex, rgb, rgba)
- Bağlantı (link) durumlarını stillendirmek
- Listeler ve özellikleri
- Yazı özellikleri (font, text-align, line-height)
- Kenar çizgisi: border
- Sayfada görsel kullanımı
- Temel ölçü birimleri (px, em, rem, %)
- Block ve inline elementler
- Genişlik ve Yükseklik
- İç ve dış boşluklar: margin, padding
- Kutu modelini anlamak: box-sizing
- Minimum ve maksimum ölçü vermek
3) Tarayıcılar ve Davranışları
- Ön tanımlı gelen CSS özellikleri
- Tarayıcı Farklılıkları ve Ön Ekler (prefix)
- Normalize.css ve reset.css
- Konumlandırma: position
- Katman: z-index
- Taşma özelliği: overflow
- Transform
5) Orta Seviye Önemli Bilgiler
- Gelişmiş seçiciler
- inherit
- Görünüm özellikleri: visibility, display, opacity
- Geçiş animasyonu: transition
- Display özelliğine derin bakış
- pseudo classes & elements
6) Float ile Yüzen Kutular
- Yanaştırma özelliği: float
- Yanaşmayı bitirmek: clear
- float ile gelen taşma problemi ve çözümü (clearfix hack)
7) Özel yazı tipleri kullanmak
- @font-face
- Google font servisi
8) Ekran duyarlı tasarım (responsive)
- viewport etiketi
- media-query
- mobile-first responsive
9) İleri Seviye Ek Bilgiler
- Cascading, inheritance, and specificity
- Değişken tanımlamak ve kullanmak
- calc() fonksiyonu
https://www.youtube.com/watch?v=_s15i3MoAyE