CSS tiyo

Kodlarınıza yorum satırı ekleyerek daha anlaşılır ve erişilebilir kılın. CSS ile Tablosuz web sayfası tasarımında sayfa bölümleri div ile ayrılır ve bir çok yerde div elementi kullanılır.

Divleri açtıktan sonra araya onlarca satır yazı, farklı farklı kodlar girmiş olabilir. Böyle bir durumda div etiketlerinin nerede kapatıldığını kestiremeyebilirsiniz. Bu sorundan kurtulmak için genel kullandığınız div’leri açıp kapatırken yorum satırı ekleyin

01	<!-- baş kısım baslangıcı -->

14	</div><!-- alt kısım sonu -->

Yukarıdaki yöntem küçük çaplı sitelerde lazım olmaya bilir ancak büyük içerikli sitelerde çok büyük faydaları vardır.

CSS sıkıştırma extra performans edinin

Hız ve performans için css sıkıştırması yapabilirsiniz. Bildiğiniz gibi browserlar siteleri en yukardan başlayarak okurlar ve satır satır saşağı inerler ve sayfa gösterimi elde edilir. CSS kodlarıyla tabloları şekillendirme olarak epey bir yer ve zaman kazanıyorduk. Ancak büyük css dosyaları uzun satırlara yayıldıklarında sitelerinizin bir kaç saniye gecikmesine yol açar buna birde açıklamalar ilave edilince sayfa açılmasını bekleme süresi artar. Bu da bir memnuniyetsizlik oluşturur.

Şimdi bu adresteki araç ile http://www.cssdrive.com/index.php/main/csscompressor/
beyaz alana css kodları koyarsınız ve tıkladıktan sonra bu sayfa açar orda sıkışmış kodları alabilirsiniz:

http://www.cssdrive.com/compressor/compress.php

mevcut css dosyalarınızı sıkıştırabilir ve aynı çıktıyı kullanabilirsiniz. Buı bir kaç saniye hızlanma çok kişiyi memnun edecektir.
Compression modu: (?)
Light (hafif)
Normal (normal)
Super Compact (süper)

Comments handling: (?) (sıkıtşrırken)
Don’t strip any comments yorumları çıkarma (genelde yorumları çok sever cssciler )
Strip ALL comments (Tüm css yorumları çıkar)
seçenekleri istediğinize göre seçip compress ite tıklayın.
Bana göre oldukça faydalı bir araç. Çoğu durumda %30 a kadar sıkıştırma hem bantwidth hem de browser tarafı yorumlama hızında artış kazandırıyor. Sitelerinde hıza önem veren webmasterlar için

Css hakkında Css nedir neden css

HTML bize metin biçimlendirme alanında çok geniş olanaklar sunar. Ancak iş büyük sitelere ve yüzlerce sayfaya geldiğinde tıkanır. CSS, uzun yazılışıyla Cascading Style Sheets, veya Türkçesiyle Stil şablonları ise bunu bir adım daha öteye götürür, bize sayfalarımız için global şablonlar hazırlama olanağı verdiği gibi, tek bir harfin stilini; yani renk, font, büyüklük gibi özelliklerini değiştirmek için de kullanılabilir. Bu tekniğin en önemli özelliği kullanımındaki bu esnekliğidir.

Bir web sayfası içerisinde zaten estetik kuralları gereği yüzlerce renk ve font kullanmayız. Genelde birbiriyle uyumlu birkaç renk ve birkaç font kullanırız ki, bunları her sayfada ayrı ayrı tekrar belirtmek yerine CSS yardımıyla bir sefer tanımlayıp bütün web sayfamızda kullanabiliriz.Bu şekilde güncelleme yaparken de onlarca sayfayı değiştirmekten kurtuluruz.

CSS kodları HTML kodlarının içine yazılırlar. Türüne göre body veya head bölümlerinde yer alabilirler. Bunların dışında harici CSS dosyaları oluşturulup bunlar gerektiğinde HTML belgesi içerisinde çağırılabilirler.

Hemen hemen her konuda olduğu gibi CSS konusunda da Microsoft Internet Explorer ve Netscape farklı yorumlar ortaya koyarlar. Bu noktada her iki browserın da aynı/benzer yorumlayacağı kodlar yazmak en uygunudur.

CSS NEDİR ?

Css’in acilimi ile soze baslayalim. Cascading Style Sheets. Biz kisaca konularimiz dahilinde Stil Sablon olarak bahsedecegiz. Gelelim Stil Sablonun varolus amacina. Sizinde bildiginiz üzere Html yazim sekli olarak etiket türünde bir yazim dili. Bu yüzden pek fazla ozelliklere sahip degil. Bu sahip olamadigi ozellikler nedeniyle sayfanin dizayninda bize tam esneklik veremiyor. Css bu amacla üretilmis bir dil. Kullanim kolayligi ve kullanisliligi ile Html’e eklenmesinden itibaren cogu web tasarimcisinin gozdesi oldu. Cünkü her türlü sayfa dizaynini bize birakarak müthis bir esneklik sagliyor. Ayrica ileriki konularimizda bahsedecegimiz üzere baglantili stil sablonlar araciligi ile de birden cok sayfaya etkiyebiliyor. Bu da bize sitenin gorünümün degistirmek istedigimizde elimizdeki onlarca belki de yüzlerce sayfanin kodlarini degistirmeden sadece css dosyasinin degistirerek bu imkani sagliyor.

Stil Sablon’un tarayicilara eklenmesinden sonra iki versiyonu cikti. Bunlar Css 1 ve Css 2. Ayrica bazi konularda MSIE (Internet Explorer) ve NN (Netscape Navigator) tarayicilari ayni kodlari kabul etmiyorlar. Biz derslerimizde her iki tarayicida da etkin olan veya etkin olmayip dizayni bozmayan (A:hover gibi) Stil Sablon ozelliklerini gorecegiz. Simdi derslerin iceriginde neler var onlari gorelim :

1. Stil Sablon cesitleri :
Css’in en cok begenilen yonü istendiginde sadece bir ogeye etkimesi, istendiginde tüm sayfaya etkimesi, istendiginde site icindeki tüm html dosyalarina etkimesidir. Bunlar kisaca Stil Sablonun kullanim cesitleridir.

2. Html etiketleri ile Css :
Bu dersimizde Html’deki font,background gibi cesitli ozelliklerin Stil Sablon tarafindan nasil belirlenebilecegini gorecegiz.

3. Seciciler (Selectors) :
Kimi zaman Html etiketlerinden fontu hepimiz kullaniriz. Ornegin bir sayfa icerisinde font etiketine birden cok gorünüm eklemek isteriz. Bu durumda seciciler imdadimiza yetisir.