Arşivler: Articles

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….

CSS Font Style (Yazı Tipi Stilleri)

Font Style Font-style özelliği çoğunlukla italik metni belirtmek için kullanılır. Bu özelliğin üç değeri vardır: Font Weight Font-weight özelliği bir yazı tipinin kalınlığını belirtir: Font Variant Font-variant özelliği, bir metnin küçük büyük harf yazı tipinde görüntülenip görüntülenmeyeceğini belirtir. Küçük harfli yazı tipinde tüm küçük harfler büyük harflere dönüştürülür. Ancak dönüştürülen büyük harfler, metindeki orijinal büyük…

CSS Web Safe Fonts (Güvenli Yazı Tipi)

Web Güvenli Yazı Tipleri Nelerdir? Web uyumlu yazı tipleri, tüm tarayıcılara ve cihazlara evrensel olarak yüklenen yazı tipleridir. Yedek Yazı Tipleri %100 tamamen web uyumlu yazı tipleri yoktur. Bir yazı tipinin bulunmaması veya düzgün şekilde yüklenmemesi ihtimali her zaman vardır. Bu nedenle her zaman yedek yazı tiplerini kullanmak çok önemlidir. Bu, benzer “yedek yazı tiplerinin”…

CSS Font Family (Yazı Tipi Ailesi)

Web siteniz için doğru yazı tipini seçmek önemlidir. Yazı Tipi Seçimi Önemlidir Doğru yazı tipini seçmenin okuyucuların bir web sitesini nasıl deneyimlediği üzerinde büyük etkisi vardır. Doğru yazı tipi markanız için güçlü bir kimlik yaratabilir. Okunması kolay bir yazı tipi kullanmak önemlidir. Yazı tipi metninize değer katar. Yazı tipi için doğru rengi ve metin boyutunu…

CSS Text Shadow (Metin Gölgesi)

Text Shadow text-shadow özelliği metne gölge ekler. En basit kullanımında yalnızca yatay gölgeyi (2px) ve dikey gölgeyi (2px) belirtirsiniz: Daha sonra gölgeye bir renk (kırmızı) ekleyin: Ardından gölgeye bir bulanıklık efekti yani blur (5 px) ekleyin: Daha Fazla Metin Gölgesi Örneği Beyaz bir metin üzerinde metin gölgesi: Kırmızı neon parıltılı metin gölgesi: Kırmızı ve mavi…