CSS, bir Web sayfasını biçimlendirmek için kullandığımız dildir.
CSS Nedir ?
- CSS Basamaklı Stil Sayfaları (Cascading Style Sheets) anlamına gelir
- CSS, HTML öğelerinin ekranda, kağıtta veya diğer ortamlarda nasıl görüntüleneceğini açıklar
- CSS birçok işten tasarruf sağlar. Birden fazla web sayfasının düzenini aynı anda kontrol edebilir
- Harici stil sayfaları CSS dosyalarında saklanır
Neden CSS Kullanılmalı?
CSS, farklı cihazlar ve ekran boyutları için tasarım, düzen ve ekran varyasyonları dahil olmak üzere web sayfalarınızın stillerini tanımlamak için kullanılır.
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
p {
font-family: verdana;
font-size: 20px;
}
</style>
</head>
<body>
<h1>İlk CSS Örneği</h1>
<p>Bu bir paragraf.</p>
</body>
</html>CSS Büyük Sorunlara Çözüm İçin Var
HTML’nin ASLA bir web sayfasını biçimlendirmeye yönelik etiketler içermesi amaçlanmamıştır! HTML, bir web sayfasının içeriğini tanımlamak için oluşturulmuştur:
<h1>İlk CSS Örneği</h1>
<p>Bu bir paragraf.</p><font> gibi etiketler ve renk nitelikleri HTML 3.2 spesifikasyonuna eklendiğinde web geliştiricileri için bir kabus başladı.
Her sayfaya yazı tipi ve renk bilgisinin eklendiği büyük web sitelerinin geliştirilmesi uzun ve pahalı bir süreç haline geldi.
Bu sorunu çözmek için World Wide Web Konsorsiyumu (W3C) CSS’yi oluşturdu.
Yukarıdaki örneği tam anlamıyla öğrenmek için HTML dilini de bilmenizde yarar var. Ücretsiz HTML Eğitimi sayfamızı ziyaret ederek HTML dilini öğrenebilirsiniz.
CSS İş Tasarrufu Sağlar
Stil tanımları normalde harici .css dosyalarına kaydedilir.
Harici bir stil sayfası dosyasıyla, yalnızca bir dosyayı değiştirerek tüm web sitesinin görünümünü değiştirebilirsiniz.
