CSS ve Metin Stilleri

CSS Nedir?

CSS, “Cascading Style Sheets" kelimesinin baş harflerinden oluşmaktadır. CSS (Türkçedeki karşılığı Basamaklı Stil Sayfaları), tek tek sayfalar için stil etiketleri (tag) yazma zorluğunu ve karmaşasını azaltmak için yaratılmıştır. CSS, sayfa şekillendirmeleri için kullanılmaktadır.

CSS Kural Yapısı

Stil sayfası, sayfa ögelerinin nasıl sunulması gerektiğini açıklayan bir veya daha fazla kuraldan oluşur. Her kuralın seçici ve bildirim bloku olmak üzere iki temel bölümü vardır.

CSS Sürümleri Nelerdir?

World Wide Web konsorsiyumunun tavsiyesi olarak ilki 1996’da ortaya çıkmıştır. Üç tane sürümü vardır, genel kabul görmüş standart bir CSS4 spesifikasyon yoktur.

CSS Tanımlama Yöntemleri

Satır içi: Satır içi stil tanımlama, etiketin kendi içinde yapılır. Stil bilgisi, stil özelliği yoluyla tek bir öge için belirtilebilir.

Belge düzeyinde: Belge düzeyinde stil tanımlama, aynı belgenin başlığında yapılır.

Dış Stil Sayfaları: Stiller ayrı bir dosyada saklanabilir. Dış stil sayfalarında, stil bildirimlerini içeren farklı bir dosya oluşturulur ve bunun ardından ana html dosyasına bağlanır.

CSS Seçicileri

Basit Seçici: Basit seçici, etiketin seçici olarak kullanıldığı temel stil tanımlama türüdür.

Class seçicisi: Class seçicisi, aynı etiketin iki veya daha fazla tekrarına farklı stiller uygulamamız gerektiğinde kullanılabilir.

Genel seçici: Aynı stil tanımlamaları iki veya daha fazla farklı etikete kullanılmak istendiğinde, genel seçici kullanılabilir.

ID Seçici: Sadece tek bir etikette kullanılabilir ve iki etikete verilemeyen özel seçicilerdir.

CSS ve Metin

Fonts (Yazı tipi): CSS kullanılarak html belgelerindeki metnin varsayılan yazı tipleri, görünümü ve biçimi değiştirebilir.

Font -family: Metnin fontunu değiştirmek için font -family özelliği kullanılır. font - family özelliği bildiriminde virgül ayırıcısı kullanılarak birden çok yazı tipi bildirilebilir.

Font -Size: Yazı tipi boyutunu tanımlamak için font -size özelliği kullanılır.

Text -Align: Metni sağa, sola veya merkeze hizalamak için text -align özelliği kullanılır.

Text -Decoration: Metin dekorasyon özelliği, metnin altından çizgi çizmek, metnin üstünden çizgi çizmek ve metnin üzerinden çizgi çizmek için kullanılabilir.

Font -Weight: font -weight özelliği, metnin ağırlığını (koyuluğunu) tanımlamak için kullanılabilir.

Font -Style: Yazı tipi stili özelliği, yazı tipi stilini normalden italik ya da eğik olarak değiştirmek için kullanılır.

Text -Transform: text- transform özelliği, metni büyük veya küçük harflere dönüştürmek veya kelimelerin ilk harflerini büyük harfe dönüştürmek için kullanılır.

Line -Height: Satırlar arasındaki yüksekliği belirlemek için line -height özelliği kullanılır.

Bağlantı Kullanımı ve Özellikleri: Linklerin farklı durumları vardır, yani bir web sayfasında onlarla etkileşime girildiğinde duruma adapte olurlar. Varsayılan bağlantı stili değiştirilmek istendiğinde, dikkate alınması gereken üç ek (hover, active ve visited) bağlantı durumu vardır.