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 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:
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:
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:
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: