CSS Kodlarının HTML Dosyası İçerisine Dahil Edilmesi
CSS (Cascading Style Sheets), HTML belgelerini stilize etmek ve görüntülemek için kullanılan bir stil dilidir. HTML dosyanıza CSS kodlarını eklemek için aşağıdaki adımları takip edebilirsiniz:
HTML Satır İçi (Inline) CSS Kodları
HTML içinde satır içi (inline) CSS kodları, belirli bir HTML elementine özel stil eklemek için kullanılır. Bu yaklaşım, genellikle belirli bir öğenin yalnızca tek bir durumu için geçerli olan küçük stil değişikliklerini yapmak için kullanışlıdır. İşte satır içi CSS kullanımının örnekleri:
HTML Sayfa İçi (Internal) CSS Kodları
Sayfa içi (internal) CSS kodları, bir HTML belgesinin etiketi içine yerleştirilen CSS kurallarıdır. Bu yöntemle, bir HTML sayfasının içindeki belirli bir sayfa veya belge için stil tanımlamak mümkündür. İşte sayfa içi CSS kullanımının örnekleri:
HTML Harici (External) CSS Kodları
Harici (external) CSS kullanarak HTML belgenizdeki stil kurallarını başka bir dosyada tanımlayabilir ve böylece daha düzenli ve sürdürülebilir bir kod elde edebilirsiniz. İşte bir HTML belgesinde harici CSS kullanımının örnekleri:
CSS Kodları ile Menü Oluşturma
Bu stil özelliklerini kullanarak menüyü ihtiyacınıza göre özelleştirebilirsiniz. Bu örnekte menü yatay olarak düzenlenmiştir. Aynı yaklaşımı dikey bir menü oluşturmak için de kullanabilirsiniz.
CSS Banner Bölümünün CSS Kodları
Bir banner bölümü için CSS kodları oluştururken genellikle geniş bir arka plan resmi, metin, düğmeler ve gerekirse başka öğeler içerir. İşte basit bir banner bölümü için CSS örneği: