Stil şablonları

Vikipedi, özgür ansiklopedi

Cascading Style Sheets (Türkçede Stil şablonları) yani bilinen kısa adıyla CSS, HTML'e ek olarak metin ve format biçimlendirme alanında fazladan olanaklar sunan bir web teknolojisidir.

İnternet sayfaları için genelgeçer şablonlar hazırlama olanağı verdiği gibi, bağımsız olarak harflerin stilini; yani renk, yazı tipi, büyüklük gibi özelliklerini değiştirmek için de kullanılabilir. Bu tekniğin en önemli özelliği kullanımındaki esnekliktir.

Bir web sayfası içerisinde birbiriyle uyumlu birkaç renk ve birkaç yazı tip kullanılır ve bunları her sayfada ayrı ayrı tekrar belirtmek yerine CSS yardımıyla bir sefer tanımlayıp bütün web sayfalarında ortak olarak kullanılabilir. Bu şekilde, sayfaların hafızadaki boyutu epey küçüldüğü gibi, güncelleme yapmak da kolaylaşır.

CSS kodları; HTML kodlarının içine yazılabildiği gibi harici bir CSS dosyası oluşturularakta işlem yaptırılabilir. Türüne göre <BODY> veya <HEAD> bölümlerinde yer alabilirler.

CSS kodlarının, HTML dosyasına eklenmesi temelde 3 farklı şekilde yapılabilir.

[değiştir] Kodların Sayfaya Eklenmesi

1) "DİV" (BODY tagı altında) tagı içinde yazılan hali.

<div style="color: red"> "BODY" tagı altında sayfanın istediğiniz noktasına yazdırabileceğiniz kırmızı yazı</div>

2) HEAD tagı içinde yazılarak ekleme. Bu kod DİV kodu içindeki herşeyi mavi yapar.

<style type="text/css"> div {color: blue;} </style>

3) Oluşturduğumuz herhangi bir CSS dosyasını HTML dosyasına eklemek. Örnek: "deneme.css". HEAD tagı altıda yazılmalı.

<link rel="stylesheet" type="text/css" href="deneme.css">

[değiştir] Bir CSS örneği

/* beyaz zemin üzerinde italik ve kırmızı paragraf metin. */
p {
  font-style: italic; 
  color: red; 
  background-color: white;
}

/* pozisyonu serbest olarak ayarlanabilen, siyah kenarlıklı katman */
#katman {
  position: absolute; 
  left: 152px; 
  top: 390px;
  height: 220px;
  width: 300px;
  border: 1px solid #000;
}