CSS animasyonları, JavaScript kullanmadan karmaşık görsel efektler oluşturulmasını sağlar ve kullanıcı deneyimini önemli ölçüde iyileştirebilir. @keyframes Kuralı: Animasyonun Temeli Tanım: @keyframes kuralı, bir animasyonun farklı […]
Okumaya devam etEtiket: css
Css Ders 6 – Duyarlı Tasarım (Responsive Design)
Görünüm Noktaları (Viewports) <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> Etiketi: Mobil cihazlarda doğru ölçeklendirme sağlamak için gereklidir. width=device-width: Sayfanın genişliğini cihazın ekran genişliğine ayarlar. initial-scale=1.0: Başlangıç zoom […]
Okumaya devam etCss Ders 5 – Flexbox ve Grid Layout
Flexbox Temel Kavramlar: Flex Container: display: flex; veya display: inline-flex; ile tanımlanan öğe. Düzeni kontrol eden özelliklere sahiptir. Flex Item: Flex container içindeki doğrudan alt […]
Okumaya devam etCss Ders 4 – Gelişmiş Özellikler (Properties)
Konumlandırma (Positioning) static: Varsayılan konumlandırma türüdür. Öğeler normal akışta yer alır. relative: Öğeyi normal konumundan göreceli olarak kaydırır. top, right, bottom, ve left özellikleri ile […]
Okumaya devam etCss Ders 3 – Temel Özellikler (Properties)
Metin Biçimlendirme Kutu Modeli (Box Model) Her HTML öğesi bir kutu gibi davranır. Bu kutunun içeriği, padding, kenarlık ve marjin olmak üzere farklı katmanlardan oluşur. […]
Okumaya devam etCss Ders 2 – Seçiciler (Selectors)
Doğru seçicileri kullanarak stil uygulamak, kodların verimli ve bakımı kolay olmasını sağlar. Temel Seçiciler İlişkisel Seçiciler Evrensellik Seçicisi * sembolü ile temsil edilir. Sayfadaki tüm […]
Okumaya devam etCss Ders 1 – Css Nedir ve Temel Css Kavramları
CSS Nedir? CSS Sözdizimi CSS’i HTML’e Uygulama Yöntemleri Inline Stiller: Internal Stiller: External Stil Sayfaları: CSS Önceliği (Specificity) Öncelik Sırası: !important İfadesi: Bir stilin diğer […]
Okumaya devam et