İçeriğe geç
academia.sh

Kurs Başlangıç

CSS ile Görsel Sunum

Bu kursun sonunda

Kursa başla

01

CSS'in Çalışma Biçimi

Bir bildirimin sözdiziminden başlayarak seçicilerin belgeyi nasıl eşlediği, çakışan kuralların basamaklama ve özgüllükle nasıl çözüldüğü ve değerlerin ağaçta nasıl devralındığı.

  1. 01 Kural, Bildirim ve Değer Bir biçem dilinin en küçük birimleri; kuralın seçici ve bildirim bloğundan oluşması, özellik–değer çiftinin yapısı ve geçersiz bildirimin atılma kuralı.
  2. 02 Biçem Dosyasının Bağlanması Bir biçem kümesinin belgeye satır içi, iç ve dış olmak üzere üç yolla bağlanması; bu üç yolun istek sayısı, yeniden kullanım ve çakışma çözümü bakımından farkları.
  3. 03 Seçiciler Tür, sınıf, kimlik ve evrensel seçicilerin belge ağacında hangi kümeyi döndürdüğü; bileşik seçici kavramı ve sınıf adlarının anlamla adlandırılması.
  4. 04 Birleştirici Seçiciler Alt öge, çocuk, bitişik kardeş ve genel kardeş birleştiricileri; bir seçicinin sağdan sola değerlendirilmesi ve anahtar seçici kavramı.
  5. 05 Öznitelik Seçicileri Bir özniteliğin varlığına ve değerine göre eşleme; tam eşleme, liste üyeliği, tire önekli eşleme ve alt dizgi eşlemeleri ile harf duyarlılığı işareti.
  6. 06 Sözde Sınıflar ve Sözde Elemanlar Belgede yazılı olmayan durumları seçen sözde sınıflar, nth-child aritmetiği, mantıksal seçiciler ve ağaçta bulunmayan içerik üreten sözde elemanlar.
  7. 07 Basamaklama ve Özgüllük Aynı özelliğe yazan bildirimlerin kaynak, önem, özgüllük ve sıra ölçütleriyle sıralanması; özgüllük üçlüsünün hesabı ve onluk tabanda okunamayacağı.
  8. 08 Kalıtım ve Varsayılan Değerler Hiçbir bildirimin ulaşmadığı bir özelliğin değerinin nasıl belirlendiği; kalıtılan ve kalıtılmayan özellikler, başlangıç değeri ve inherit, initial, unset, revert anahtar sözcükleri.

02

Kutu Modeli ve Akış

Her ögenin bir kutuya dönüşmesi, kutunun bölümlerinin aritmetiği, normal akışın kuralları ve akıştan çıkaran konumlandırma ile yığılma düzeni.

  1. 01 Kutu Modeli Her ögenin dört iç içe dikdörtgenden oluşan bir kutuya dönüşmesi; içerik, iç boşluk, kenarlık ve dış boşluk bölgelerinin sınırları ve aritmetiği.
  2. 02 Kutu Boyutlandırma Bildirilen genişliğin hangi bölgeyi ölçtüğü; content-box ve border-box modellerinin aynı sayılarla karşılaştırılması ve en küçük–en büyük sınırların etkisi.
  3. 03 Görüntüleme Türleri Blok, satır içi ve satır içi blok kutuların davranış farkları; dış ve iç görüntüleme türü ayrımı ve gizlemenin üç ayrı yolu.
  4. 04 Akış Düzeni Normal akışın blok ve satır içi yerleştirme kuralları; dış boşluk çökmesinin üç durumu ve çökmenin sayısal sonucu.
  5. 05 Kayan Öğeler Kaydırmanın satır kutularını kısaltarak metni bir kutunun çevresinden akıtması; kapsayan kutunun yükseklik sorunu ve temizleme ile akış kökü çözümleri.
  6. 06 Konumlandırma Statik, göreli, mutlak, sabit ve yapışkan konumlandırmanın kutuyu nereye koyduğu; kapsayan blok kavramı ve ofset özelliklerinin neye göre ölçüldüğü.
  7. 07 Yığılma Bağlamı Kutuların çizim sırası; z-index değerlerinin yalnızca kardeşler arasında karşılaştırılması ve yığılma bağlamını kuran bildirimler.
  8. 08 Taşma Yönetimi İçeriğin kutuya sığmadığı durumun ele alınması; overflow değerlerinin karşılaştırılması, metin taşmasının ayrı mekanizmaları ve kırpmanın erişilebilirlik bedeli.

03

Görsel Özellikler

Renk gösterimleri ve kontrast hesabı, tipografi ölçekleri ve yazı tipi yükleme davranışı, arka planlar, geçişler, gölgeler ve birimlerle hesaplama fonksiyonları.

  1. 01 Renk Gösterimleri Adlandırılmış, onaltılık ve fonksiyonel renk yazımları; RGB ile HSL arasındaki dönüşüm ve renk uzayı seçiminin ölçek üretmedeki sonucu.
  2. 02 Saydamlık ve Karışım Alfa kanalının harmanlama hesabı, opacity ile alfa arasındaki fark ve harmanlanmış rengin kontrast oranının WCAG ölçütlerine göre değerlendirilmesi.
  3. 03 Tipografi Yazı tipi ailesi listesinin çözülmesi, ağırlık ve stil eksenleri, modüler boyut ölçeği ve satır yüksekliğinin birimsiz yazılmasının hesaplanabilir gerekçesi.
  4. 04 Yazı Tipi Yükleme Yazı tipi dosyasının belgeye bağlanması, alt küme aralıklarıyla koşullu indirme ve yükleme süresince görüntüleme davranışının seçilmesi.
  5. 05 Metin Biçimlendirme Boşluk işleme kuralları, hizalama ve girinti, büyük–küçük harf dönüşümünün dile bağlılığı ve alt çizgi süslemesinin denetimi.
  6. 06 Arka Planlar Arka plan katmanları, yüzdeli konumlandırmanın hesabı, yineleme kipleri ile cover ve contain ölçeklemesinin sayısal karşılığı.
  7. 07 Geçişler (gradient) Doğrusal ve dairesel renk geçişleri; durak noktalarının çözülme kuralı, ara renklerin hesaplanması ve sert geçişle çizgi üretimi.
  8. 08 Kenarlık, Gölge ve Şekil Kenarlık bileşenleri, köşe yarıçapının ölçeklenme kuralı, iç yarıçap hesabı ve gölge katmanlarının kapladığı alan.
  9. 09 CSS Birimleri Mutlak, yazı tipine göreli ve görüntü alanına göreli birimler; em zincirinin hesabı, rem sabitliği ve yüzdelerin hangi ölçüye başvurduğu.
  10. 10 CSS Fonksiyonları calc ile birim karışımı, min ve max ile sınır koyma, clamp ile aralık kelepçeleme ve bu fonksiyonların ölçek üretiminde birleştirilmesi.

Aramak için yazmaya başlayın.

↑↓ Esc gezin · aç · kapat