CSS Link (Bağlantılar)
CSS ile bağlantılar birçok farklı şekilde şekillendirilebilir. Bağlantı Şekillendirme Bağlantılar herhangi bir CSS özelliğiyle (ör. color, font-family, background vb.) şekillendirilebilir. Ayrıca bağlantılar, içinde bulundukları duruma bağlı olarak farklı şekilde şekillendirilebilir. Dört bağlantı durumu şunlardır: Yukarıdaki örneği mutlaka deneyip sonucu görün. Denemeniz için ekran görüntüsünü paylaşmıyorum. Birkaç bağlantı durumu için stil ayarlarken bazı sıralama kuralları vardır:…
CSS Icon (Simgeler)
Simgeler, bir simge kitaplığı kullanılarak HTML sayfanıza kolayca eklenebilir. Simgeler Nasıl Eklenir? HTML sayfanıza simge eklemenin en basit yolu Font Awesome gibi bir simge kitaplığı kullanmaktır. Belirtilen simge sınıfının adını herhangi bir satır içi HTML öğesine ekleyin (<i> veya <span> gibi). Aşağıdaki simge kitaplıklarındaki tüm simgeler, CSS ile özelleştirilebilen ölçeklenebilir vektörlerdir (boyut, renk, gölge vb.)…
CSS Font Property (Yazı Tipi Özelliği)
Kodu kısaltmak için, tüm ayrı yazı tipi özelliklerini tek bir özellikte belirlemek de mümkündür. Font özelliği aşağıdakiler için kısa bir özelliktir: Not: font-size ve font-family değerleri gereklidir. Diğer değerlerden biri eksikse varsayılan değerler kullanılır. Tüm CSS Yazı Tipi Özellikleri Özellik Açıklama font Tüm yazı tipi özelliklerini tek bir satırda ayarlar font-family Metin için yazı tipi…
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…
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 Font Size (Yazı Boyutu)
Font Size Font-size özelliği metnin boyutunu ayarlar. Web tasarımında metin boyutunu yönetebilmek önemlidir. Ancak paragrafların başlıklara benzemesi veya başlıkların paragraflara benzemesi için yazı tipi boyutu ayarlamalarını kullanmamalısınız. Başlıklar için her zaman <h1> – <h6> ve paragraflar için <p> gibi uygun HTML etiketlerini kullanın. Yazı tipi boyutu değeri mutlak (absolute) veya göreli (relative) bir boyut olabilir….