CSS (Cascading Style Sheets), web sayfalarına stil ve görünüm kazandırmak için kullanılan dildir.
HTML ile sayfa yapısı oluşturulurken, CSS ile o yapıya renk, boyut, hizalama, arka plan, kenarlık, animasyon gibi görsel detaylar eklenir.
CSS Ne işe yarar?
Yazı tipi ve rengi belirlemek
Sayfa öğelerini hizalamak (flexbox / grid sistemleri)
Mobil uyumlu tasarımlar oluşturmak
Hover efektleri ve geçiş animasyonları uygulamak
Web sitelerine marka kimliği kazandırmak
CSS Nasıl Uygulanır?
Inline CSS – HTML etiketi içine direkt yazılır
Internal CSS – etiketiyle bölümüne yazılır
External CSS – .css uzantılı dosya dışarıdan bağlanır (style.css gibi)
Bilmen Gereken Modern Yapılar:
Flexbox – Elemanları esnek kutulara yerleştirir
Grid – Sayfa düzeninde ızgara yapısı sağlar
Responsive Design – Mobil uyum için media queries
CSS Değişkenleri – Tema yapıları için çok kullanışlıdır
Transition & Animation – Yumuşak geçişler ve hareketli tasarımlar
HTML ile sayfa yapısı oluşturulurken, CSS ile o yapıya renk, boyut, hizalama, arka plan, kenarlık, animasyon gibi görsel detaylar eklenir.
CSS Ne işe yarar?
Yazı tipi ve rengi belirlemek
Sayfa öğelerini hizalamak (flexbox / grid sistemleri)
Mobil uyumlu tasarımlar oluşturmak
Hover efektleri ve geçiş animasyonları uygulamak
Web sitelerine marka kimliği kazandırmak
CSS Nasıl Uygulanır?
Inline CSS – HTML etiketi içine direkt yazılır
Internal CSS – etiketiyle bölümüne yazılır
External CSS – .css uzantılı dosya dışarıdan bağlanır (style.css gibi)
Bilmen Gereken Modern Yapılar:
Flexbox – Elemanları esnek kutulara yerleştirir
Grid – Sayfa düzeninde ızgara yapısı sağlar
Responsive Design – Mobil uyum için media queries
CSS Değişkenleri – Tema yapıları için çok kullanışlıdır
Transition & Animation – Yumuşak geçişler ve hareketli tasarımlar