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…)

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…)

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…)

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…)

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…)

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…)

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…)

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…)

Kullanılabilir background özellikleri

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

(more…)

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…)