|
CSS
Css’in açılımı Cascading Style Sheets. Biz kısaca konularımız
dahilinde Stil Şablon olarak bahsedeceğiz. Gelelim Stil Şablonun varoluş amacına.
Sizinde bildiğiniz üzere Html yazım şekli olarak etiket türünde bir yazım dilidir.
Bu yüzden pek fazla özelliklere sahip değildir.bu nedenle sayfanın dizaynında bize
tam esneklik veremiyor. Css bu amaçla üretilmiş bir dildir. Kullanım kolaylığı ve
kullanışlılığı ile Html’e eklenmesinden itibaren çoğu web tasarımcısının gözdesi
olmuştur. Çünkü her türlü sayfa dizaynını bize bırakarak müthiş bir esneklik sağlıyor.
Ayrıca ileriki konularımızda bahsedeceğimiz üzere bağlantılı stil şablonlar aracılığı
ile de birden çok sayfaya etkiyebiliyor.Sitenin görünümün değiştirmek istediğimizde
elimizdeki onlarca belki de yüzlerce sayfanın kodlarını değiştirmeden sadece css
dosyasının değiştirerek bu imkanı sağlıyor. Stil Şablon’un tarayıcılara
eklenmesinden sonra iki versiyonu çıktı. Bunlar Css 1 ve Css 2. Ayrıca bazı konularda
MSIE (Internet Explorer) ve NN (Netscape Navigator) tarayıcıları aynı kodları kabul
etmiyorlar. Biz derslerimizde her iki tarayıcıda da etkin olan veya etkin olmayıp
dizaynı bozmayan (A:hover gibi) Stil Şablon özelliklerini göreceğiz. Şimdi derslerin
içeriğinde neler var onları görelim :
Stil Şablon çeşitleri :
Css’in en çok beğenilen yönü istendiğinde sadece bir öğeye etkimesi,
istendiğinde tüm sayfaya etkimesi, istendiğinde site içindeki tüm html dosyalarına
etkimesidir. Bunlar kısaca Stil Şablonun kullanım çeşitleridir.
Html etiketleri ile Css :
Bu dersimizde Html’deki font,background gibi çeşitli özelliklerin
Stil Şablon tarafından nasıl belirlenebileceğini göreceğiz.
Seçiciler (Selectors) :
Kimi zaman Html etiketlerinden fontu hepimiz kullanırız. Örneğin
bir sayfa içerisinde font etiketine birden çok görünüm eklemek isteriz. Bu durumda
seçiciler imdadımıza yetişir. Bu dersimizde de seçicilerin nasıl kullanıldığını
ve yazım kurallarını öğrenceğiz.
Genel kullanım şekilleri :
Bu dersimizde ise A (link) etiketinin çeşitli kullanım biçimleri
ile birlikte bir Stil Şablonun nasıl kullanırsak işimize daha fazla yarayacağını
göreceğiz. Siz buradaki kullanım tarzına göre Css’i kullanırken kendinize nasıl
bir yön izleyeceğinize karar vereceksiniz. Css’in (Stil Şablon) 3 farklı kullanım
alanı vardır. Bunlar ;
-
Yerel, yani sayfada sadece bir kez,Yerel stil şablonlar bir html etiketi için özel
olarak kullanılırlar.
-
Global, yani tüm sayfa için,Global stil şablonlar sayfadaki tüm html etiketlerinin
belirlenen özellikte olması istendiğinde kullanılırlar.
-
Bağlantılı, yani birden çok sayfa için, Bağlantılı stil şablonlar birçok sayfada
aynı biçimde olması istendiğinde kullanılırlar.
Aşağıdaki CSS başlığı atındaki butonlara tıklayarak konularla
ilgili bilgilere ve örneklere ulaşabilirsiniz
|