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

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

Programlama işine yeni başlayanlar karıştırabilirler. CSS ile ekrana çıktı veremezsiniz, XHTML ile ekrana çıktı verilecek yazıya stil giydirirsiniz. Yani SIDE (asp, php, .net vb.) gibi dillerde olan CLASS kavramı ile hiçbir ilişkisi yada benzerliği yoktur.

CSS’de class, bir seçiciye birden fazla özellik atamak yada aynı seçiciyi farklı tiplere sokmak için kullanılmaktadır. Örneğin P seçici elementine dilediğiniz kadar CLASS aktarabilirsiniz. Örnek ile konuyu pekiştirelim; (more…)

Aynı değeri birden çok elemente aktarmak

Dedik ya CSS işlerimizi kolaylaştırır diye, işte çok hoşuna gidecek bir konu. H1, H2 ve H3 elementlerinin kırmızı, H4 ve H5 elementlerinin kırmızı ve 15px büyüklüğünde olmasını istiyorsunuz. Bunu şu şekilde tanımlayabilirsiniz;
H1, H2, H3, H4, H5 {
color: red;
}
H4, H5 {
font-size: 15px;
} (more…)