Kategoriler: Genel

Hızlı CSS Referansı

SS, web kodlayıcılarına (X)HTML Genelına stil uygulamalarını sağlar. (X)HTML kodu ile stil kodunu birbirinden ayırarak web kodlayıcılara büyük kolaylıklar sağlar. Burada genel kullanılan CSS özelliklerini hep beraber tek tek kısaca inceleyeceğiz.

Burada tanımlanacak CSS özellikleri 15 Haziran 2005′de yürürlüğe giren CSS2.1 standartlarına göre yazılmıştır.

Sırası ile aşağıdaki özelliklere değinilecektir.

  • Zemin (Background) Özellikleri
  • Kenarlık (Border) Özellikleri
  • Font Özellikleri
  • Liste Özellikleri
  • Margin Özellikleri
  • Padding Özellikleri
  • Metin Özellikleri
  • Floating ve Positioning Özellikleri
  • Tablo Özellikleri

Burada standart bir özellik tanımı kullanılacaktır.

Yapısı : özellik_ismi: <deger>
Aldığı Değerler : alınan_deger1 | alınan_deger2 {1,4}*
Başlangıç değeri: Özelliğin atama yapılmadığı zaman ki değeri
Uygulanabilen elementler: özelliğin uygulanacağı elementlerin isimleri
Kalıtsallık: Bu özelliğin atanması halinde alt elementlerini(örn: çocuk ve torun elementlerini) etkileyip etkilemeyeceği

* Bu işaretin anlamı bu özelliğin 1′den 4′e kadar değer alabileceğini gösterir. Örneğin:

  1. p.deneme {border-style: solid dashed dotted solid;}

CSS – Zemin(BACKGROUND) Özellikleri

Zemin(Bacground) yukarıdaki resimde padding alanı ve içerik alanını(paragraf) kapsar.

Zemin özellikleri ile elementlere tek bir renk atanabildiği gibi background-image özelliği ile (X)HTML’in çok üzerinde eklemelerde yapılabilir.

Zemin özelliklerini tek tek incelersek:

  • background-color
  • background-image
  • background-repeat
  • background-attachment
  • background-position
  • background
background-color

Elementlerin zeminine bir renk atamak için kullanılır.

Yapısı : background-color: <deger>
Aldığı Değerler : renk | transparent
Başlangıç değeri: transparent
Uygulanabilen elementler: tüm elementler
Kalıtsallık: Yok

Örnek:

  1. p {background-color: #ddd;}
Browser Uyumu:
Internet Explorer 4+
Netscape 6+
Opera 3.6+
W3C’s CSS Level 1+
CSS Profile 1.0
background-image

Elementlerin zeminine resim eklemek için kullanılır.

Yapısı : background-image: <deger>
Aldığı Değerler : url | none
Başlangıç değeri: none
Uygulanabilen elementler: tüm elementler
Kalıtsallık: Yok

Örnek:

  1. body { background-image: url(/images/deneme.gif) }
Browser Uyumu:
Internet Explorer 4+
Netscape 4+
Opera 3.6+
W3C’s CSS Level 1+
CSS Profile 1.0
background-repeat

background-repeat özelliği background-image ile zemine eklenen resmin tekrarı ile özellikleri belirler.

Yapısı : background-image: <deger>
Aldığı Değerler : repeat | repeat-x | repeat-y | no-repeat
Başlangıç değeri: repeat
Uygulanabilen elementler: tüm elementler
Kalıtsallık: Yok

Örnek:

  1. body {
  2. background: white url(deneme.gif);
  3. background-repeat: repeat-x;
  4. }
Browser Uyumu:
Internet Explorer 4+
Netscape 4+
Opera 3.6+
W3C’s CSS Level 1+
CSS Profile 1.0
background-attachment

background-attachment özelliği zemine eklenen resmin sayfa ile scroll etmesini veya sayfanın zeminin de çakılı kalmasını sağlar.

Yapısı : background-attachment: <deger>
Aldığı Değerler : scroll | fixed
Başlangıç değeri: scroll
Uygulanabilen elementler: tüm elementler
Kalıtsallık: Yok

Örnek:

  1. body {
  2. background: white url(deneme.gif);
  3. background-attachment: fixed;
  4. }
Bul-Tikla

Son Yazılar

Yerdeniz Büyücüsü – Ursula K. Le Guin

Yerdeniz Büyücüsü – Ursula K. Le Guin 1968 senesinde piyasaya çıkan Yerdeniz Büyücüsü (A Wizard…

1 gün ago

Jön Türkler – Türk Dili ve Edebiyatı

Jön Türkler Osmanlı Modernleşmesinin Mimarları: Jön Türkler ve Düşünce Dünyası Osmanlı Devleti’nin son yüzyılı, bir…

1 gün ago

Bilgenin Sarsılmazlığı Özeti ve Konusu

Bilgenin Sarsılmazlığı – SenecaTür:FelsefeYazar:SenecaYayınlanma Zamanı:2017Yayınevi:Doğu Batı YayınlarıISBN:9789752410794MevzusuKitap, gerçek bilge insanoğlunun hakaretler, haksızlıklar ve fena şans…

3 gün ago

Koca Mehmet Ragıp Paşa – Türk Dili ve Edebiyatı

Koca Mehmet Ragıp Paşa Koca Mehmet Ragıp Paşa (D: 1698, İstanbul – Ö: 8 Nisan…

4 gün ago

Felsefede Determinizm Nedir? – Türk Dili ve Edebiyatı

Determinizm İnsanlık zamanı süresince yönelttiğimiz en köklü sorulardan biri şudur: “Kararlarımızı hakikaten biz mi veriyoruz,…

4 gün ago

Adem ile Havva’nın Güncesi Özeti, Konusu ve Karakterleri

Adem’le Havva’nın Güncesi – Mark TwainTür:RomanYazar:Mark TwainYayınlanma Zamanı:2006Yayınevi:Yapı Kredi YayınlarıISBN:9789750811524KarakterlerHavva: Meraklı, duygusal, güzel duyu duygusu…

5 gün ago