CSS
Nedir nasıl kullanılır ?
Öncelikle Css’in
açılımı ile söze başlayalı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 dili. Bu yüzden pek fazla özelliklere sahip değil. Bu sahip olamadığı
özellikler nedeniyle sayfanın dizaynında bize tam esneklik veremiyor. Css bu
amaçla üretilmiş bir dil. Kullanım kolaylığı ve kullanışlılığı ile Html’e
eklenmesinden itibaren çoğu web tasarımcısının gözdesi oldu. Çü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. Bu da bize 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 :
1.) 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.
2.) 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.
3. 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.
4. 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
Çeşitleri
Css’in
(Stil Şablonu) 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.
Hiç yorum yok:
Yorum Gönder