CSS Box Model
Tüm HTML öğeleri kutular olarak düşünülebilir. CSS’de tasarım ve düzenden bahsederken “kutu modeli” yani “Box Model” terimi kullanılır. CSS kutu modeli aslında her HTML öğesinin etrafını saran bir kutudur. Şunlardan oluşur: kenar boşlukları, kenarlıklar, dolgu ve gerçek içerik. Aşağıdaki resim kutu modelini göstermektedir: Yukarıdaki örneğin açıklaması da aşağıdaki gibidir. İçerik – Metin ve resimlerin göründüğü…
CSS Google Fonts (Google Yazı Tipleri)
Google Fonts HTML’deki standart yazı tiplerinden herhangi birini kullanmak istemiyorsanız Google Fonts’u kullanabilirsiniz. Google Fonts’un kullanımı ücretsizdir ve aralarından seçim yapabileceğiniz 1000’den fazla yazı tipi vardır. Google Yazı Tipleri Nasıl Kullanılır? <head> bölümüne özel bir stil sayfası bağlantısı eklemeniz ve ardından CSS’deki yazı tipine başvurmanız yeterlidir. Burada Google Fonts’tan “Sofia” isimli bir font kullanmak istiyoruz:…
CSS Arka Plan (Background)
CSS arka plan özellikleri, öğelere arka plan efektleri eklemek için kullanılır. Bu bölümlerde aşağıdaki CSS arka plan özelliklerini öğreneceğiz. CSS background-color background-color özelliği, bir öğenin arka plan rengini belirtir. CSS’de bir renk çoğunlukla şu şekilde belirtilir: Herhangi bir HTML öğesinin arka plan rengini ayarlayabilirsiniz: Burada <h1>,<p> ve <div> öğeleri farklı arka plan renklerine sahip olacaktır:…
CSS Outline (Anahat)
Anahat, öğenin sınırının dışına çizilen bir çizgidir. CSS Outline Anahat, öğenin “öne çıkmasını” sağlamak için öğelerin etrafına, sınırların DIŞINA çizilen bir çizgidir. CSS aşağıdaki anahat özelliklerine sahiptir: Not: Anahat kenarlıklardan farklıdır! Kenarlığın aksine, ana hat öğenin kenarlığının dışına çizilir ve diğer içerikle örtüşebilir. Ayrıca dış hat, öğenin boyutlarının bir parçası DEĞİLDİR; öğenin toplam genişliği ve…
CSS Yazı Tipi Eşleştirme
Yazı tipi eşleştirmeleri yapacağınız tasarımın kalitesi için çok önemlidir. Yazı Tipi Eşleştirme Kuralları Yazı tipi eşleştirmeleri oluşturmak için bazı temel kurallar şunlardır: Tamamlayıcı Birbirini tamamlayan yazı tipi eşleşmelerini bulmak her zaman güvenlidir. Harika bir yazı tipi kombinasyonu, çok benzer veya çok farklı olmadan uyumlu olmalıdır. Süper Font Ailelerini Kullanın Yazı tipi ailesi, birlikte iyi çalışacak…