CSS Rehberi http://www.cssrehberi.com «(º CSS Kılavuzu º)» Fri, 25 Jan 2008 18:41:50 +0000 http://wordpress.org/?v=2.3.2 en Border width, style, color http://www.cssrehberi.com/border-width-style-color.html http://www.cssrehberi.com/border-width-style-color.html#comments Fri, 25 Jan 2008 18:41:50 +0000 CSSRehberi http://www.cssrehberi.com/?p=17 Border, aktarılan seçiciye çerçeve eklemek üzere kullanılmaktadır. Dilerseniz çerçevenin 4 tarafınıda (sol - sağ - üst - alt) yada dilerseniz sadece sol, sadece sağ vb.. veya sadece sol ve üst, sadece alt ve sağ vb.. gibi çerçeve ekleme imkanınız vardır. Bu amaçta 5 şekilde kullanılmaktadır. (more…)

]]> http://www.cssrehberi.com/border-width-style-color.html/feed Media types (araç tipleri) http://www.cssrehberi.com/media-types-arac-tipleri.html http://www.cssrehberi.com/media-types-arac-tipleri.html#comments Fri, 25 Jan 2008 18:37:06 +0000 CSSRehberi http://www.cssrehberi.com/?p=16 CSS kullanarak aynı sayfayı farklı platformlara uyumlu hale çevirebilirsiniz. Nice sitelerce hep şu mantık kullanılır;

Önce sitenin genel sunumu yapılır. Ve o sayfadan çıktı alınması için bir link verilir. Linke tıklanır ve başka sayfaya gidilerek yazdırma işlemi tekrar sorulur.

Halbuki neden o sayfa üzerindeki butona tıklayarak yazdırmasın? Ve yazıcısı uyumlu bir çıktı ile. Evet bu CSS'de mevcuttur. Bir sayfayı farklı platformlara uygun halde hazırlarsınız ve araç tipini belirterek hangi platformda hangi stil dosyanın yorumlanacağını belirtirseniz bir çok zahmetten kurtulursunuz. Kullanılabilir araç tipleri şunlardır; (more…)

]]> http://www.cssrehberi.com/media-types-arac-tipleri.html/feed Nedir bu erişilirlik? Neden önemlidir? http://www.cssrehberi.com/nedir-bu-erisilirlik-neden-onemlidir.html http://www.cssrehberi.com/nedir-bu-erisilirlik-neden-onemlidir.html#comments Fri, 25 Jan 2008 18:32:50 +0000 CSSRehberi http://www.cssrehberi.com/?p=15 Erişirlik (accessibility) veya erişebilirlik, uygulama alanının herkese hizmet vermesidir. Burada herkes kelimesinin açılımı, tüm browserlarda uyumlu olması, farklı modern mobil cihazlar, engelli kişileri kapsamaktadır. Bu alanları genişletmemiz gerekmektedir. Şöyle ki;

Siz sitenizi hazırladınız ve örneğin sadece Internet Explorer (IE) ile test ettiniz. Bir başka kullanıcının bilgisayarında IE yüklü olmayabilir. Ve çoğu zaman kaşılaşılan bir hatadan dolayı ziyaretçi kaybına yol açılır. Bu duruma standartlar Cross-Browser yani browser uyumsuzluğu olarak isimlendirmiştir.
(more…)

]]> http://www.cssrehberi.com/nedir-bu-erisilirlik-neden-onemlidir.html/feed Font style, variant, weight size, height, family http://www.cssrehberi.com/font-style-variant-weight-size-height-family.html http://www.cssrehberi.com/font-style-variant-weight-size-height-family.html#comments Fri, 25 Jan 2008 18:30:35 +0000 CSSRehberi http://www.cssrehberi.com/?p=14 Kullanılabilir font özellikleri;

  1. font
  2. font-style
  3. font-variant
  4. font-weight
  5. font-size
  6. line-height
  7. font-family

(more…)

]]> http://www.cssrehberi.com/font-style-variant-weight-size-height-family.html/feed XHTML’in HTML’den Farkları Nelerdir? http://www.cssrehberi.com/xhtmlin-htmlden-farklari-nelerdir.html http://www.cssrehberi.com/xhtmlin-htmlden-farklari-nelerdir.html#comments Fri, 25 Jan 2008 17:39:42 +0000 CSSRehberi http://www.cssrehberi.com/?p=13 XHTML 1.0, temelde HTML 4.0′dan çok büyük farklılıklar barındırmamaktadır. Bu aşamada HTML bilen bir kişi kolaylıkla XHTML’e geçiş yapabilir. HTML’e ek olarak aşağıdaki durumları göz önüne almalısınız.

  1. Link ve imaj dosyaları için başlık ve alternatif belirtilmelidir.
  2. XHTML’de küçük haf ile başlayan imler küçük harf ile kapanmalıdır. (Küçük harf kullanımı önerilir.)
  3. XHTML’de tüm imler kapatılmış olmalıdır. HTML’de kapatılmayan imlerde dahil olmak üzere.
  4. XHTML sayfalarında açılan imlerin sırası ile kapatılması gerekmektedir. (İm yuvarlama)
  5. XHTML’de sayfa elemanları düzgün-biçimli (well-formed) olmalıdır.
  6. XHTML’de DOCTYPE kullanımlarının farklılıkları göz ardı edilmemelidir.

(more…)

]]> http://www.cssrehberi.com/xhtmlin-htmlden-farklari-nelerdir.html/feed XHTML nedir? http://www.cssrehberi.com/xhtml-nedir.html http://www.cssrehberi.com/xhtml-nedir.html#comments Fri, 25 Jan 2008 17:14:31 +0000 CSSRehberi http://www.cssrehberi.com/?p=12 XHTML, Extensible Hyper Text Markup Language teriminin baş haflerinden meydana gelmektedir. HTML gibi web sayfalarının yapısal kodlamasında kullanılan, zaman içide HTML’in yerini alması için tasarlanmış (HTML’in güncellenmiş versiyonu) bir dildir.

Bir sayfanın geçerli XHTML dosyası olabilmesi için HTML’de olmayan çok sıkı şartlara uyması gerekmektedir. Bu bakımdan XHTML daha standarttır. Bir bakıma XML yapısında var olan söz dizimi ifadelerini bünyesine alan bir dildir. XML’de var olan sıkı şartlar burada da geçerlidir. Bu doğrultuda XML’de olan extensible ifadesini bünyesine almıştır.
(more…)

]]> http://www.cssrehberi.com/xhtml-nedir.html/feed Stillerde Öncelik Hakları http://www.cssrehberi.com/stillerde-oncelik-haklari.html http://www.cssrehberi.com/stillerde-oncelik-haklari.html#comments Fri, 25 Jan 2008 17:12:27 +0000 CSSRehberi http://www.cssrehberi.com/?p=11 Bazı durumlarda bir stil elementinin görselliğini kontrol etme gereği duyarız. Birbirine üstünlüğü olan stil biçimlendirmelerine öncelik kazandırmamız gerekebilir. Baskınlık sağlamak söz konusu olduğunda yapılacak işlem nedir?
(more…)

]]> http://www.cssrehberi.com/stillerde-oncelik-haklari.html/feed Evrensel Seçici http://www.cssrehberi.com/evrensel-secici.html http://www.cssrehberi.com/evrensel-secici.html#comments Fri, 25 Jan 2008 17:11:13 +0000 CSSRehberi http://www.cssrehberi.com/?p=10 CSS kutu modeli tasarım (tablosuz) yapılırken genelde sınıfları hep daha önce belirtilen div tagına göre ayarlanır. Ama amacımız en basit stil kodunu oluşturmak olduğundan çoğu sınıfları yada HTML seçicilerini genel (evrensel, global) tanımalamamız gerekecektir. (more…)

]]> http://www.cssrehberi.com/evrensel-secici.html/feed Background color, image, attachment, position, repeat http://www.cssrehberi.com/background-color-image-attachment-position-repeat.html http://www.cssrehberi.com/background-color-image-attachment-position-repeat.html#comments Fri, 25 Jan 2008 17:08:01 +0000 CSSRehberi http://www.cssrehberi.com/?p=9 Kullanılabilir background özellikleri

  1. background
  2. background-color
  3. background-image
  4. background-attachment
  5. background-position
  6. background-repeat

(more…)

]]> http://www.cssrehberi.com/background-color-image-attachment-position-repeat.html/feed ID (identity) nedir? http://www.cssrehberi.com/id-identity-nedir.html http://www.cssrehberi.com/id-identity-nedir.html#comments Fri, 25 Jan 2008 17:05:08 +0000 CSSRehberi http://www.cssrehberi.com/?p=8 ID, kullanım olarak CLASS’tan farklı değildir. Her ikisininde işlevleri aynıdır. ID’yi CLASS’tan ayıran farklar ise;

  1. ID, yer seçicisi olarak tanımlanabilmektedir.
  2. Web standartları kurallarına göre, bir sayfada aynı isimde birden fazla ID kullanılamaz.

ID, yer seçicisi (tutucu) olarak şu şekilde kullanılabilmektedir. Örneğin #header olarak isimlendirilmiş bir ID’miz olduğunu düşünürsek, http://www.cssgaleri.com/#header olarak #yesil adlı alana erişebilmeniz mümkündür. Bu şekilde yorumlanan bir sayfa #header olarak isimlendirilmiş alandan itibaren görüntülenir. (more…)

]]> http://www.cssrehberi.com/id-identity-nedir.html/feed