CSS Giriş

CSS Nedir?

CSS HTML elementlerinin nasıl görüntüleneceğini tanımlayan dildir.

• CSS, ingilizce Cascading Style Sheets kelimelerinin baş harflerinden oluşur. Türkçe Basamaklı Stil Sayfaları anlamına gelir.
• CSS, HTML elementlerinin ekranda, kağıtta veya başka medyalarda nasıl görüntüleneceğini belirler.
• Örneğin HTML sayfasının zemin rengini, yazıların boyutunu, HTML sayfasına koyduğunuz bir resmin pozisyonunu CSS ile ayarlarsınız.
• CSS ile tüm HTML belgelerinin biçimlerini tek bir dosyadan kontrol etmek mümkündür.
• Tüm internette gördüğünüz sitelerdeki renkler, yazı tipleri, menüler ve daha pek çok şey CSS ile yapılmıştır.

Neden CSS Kullanıyoruz?

CSS web sayfalarınızın stillerini tanımlamak için kullanılır. Sadece renkler, fontlar değil sayfa içindeki yerleşim de CSS ile yapılır.

Web sitenizde bir menü oluşturmak için CSS kullanırsınız. Bir linkin rengini değiştirmek için CSS kullanırsınız.

Kısaca bir web sayfasında görsellik ile alakalı her şeyden CSS sorumludur.

CSS Geçmişten Kalan Büyük Bir Sorunu Çözüyor

HTML ilk icat edildiğinde henüz ortada CSS diye bir şey yoktu.

Peki, bugün CSS kodları ile yapılan biçimlendirme nasıl yapılıyordu?

HTML ilk çıktığı dönemlerde sayfadaki tüm biçimlendirme işlemleri etiketler ve öznitelikler ile yapılıyordu.

Örneğin <font> etiketi bir metnin yazı tipini, boyutunu, rengini belirtmek için kullanılıyordu.

Fakat burada her metin için ayrı ayrı font etiketi ile işlem yapmak gerekiyordu. Bu durumda hem HTML sayfasının boyutu büyüyor hem de bir font değiştirmek istenildiğinde tüm sayfada veya sitede tek tek yapmak gerekiyordu.

<font> etiketinin kullanımına örnek:

<font size="3" color="red">Kırmızı bir yazı</font>
<font size="2" color="blue">TMavi Bir yazı</font>
<font face="verdana" color="green">Farklı font ve yeşil</font>

<font> etiketi ve color özniteliği HTML 3.2 ile hayattımıza girmişti. Girmesi ile birlikte sorunlar ortaya çıkmaya başladı.

Özellikle çok sayfalı web sitelerinin yönetilmesi günde güne sorun olmaya başladı.

En nihayetinde World Wide Web Consortium (W3C) bu tür etiketleri kaldırdı ve CSS'i yarattı.

Peki, CSS Hayatımızı Nasıl Kolaylaştırıyor?

CSS ile birlikte artık bir web sitesine ait tüm yerleşim, font, font boyutu, renkler ve daha fazla özelliği .css uzantılı dosyalar üzerinden kontrol edebiliyoruz.

Tüm görsellik ile ilgili özellikleri .css dosyalarında tutuyor ve sadece HTML dosyalarına bu CSS dosyalarını linkliyoruz.

İlerleyen derslerde tüm bunların nasıl yapıldığını öğreneceksiniz.