CSS Dersleri
CSS, web kodlayıcılarına (X)HTML dökümanlarına stil uygulamalarını sağlar. (X)HTML kodu ile stil kodunu birbirinden ayırarak web kodlayıcılara büyük kolaylıklar sağlar. Burada genel kullanılan CSS özelliklerini hep beraber tek tek kısaca inceleyeceğiz. Burada tanımlanacak CSS özellikleri 15 Haziran 2005'de yürürlüğe giren CSS2.1 standartlarına göre yazılmıştır. Sırası
CSS Dersleri
Aslında sonuçlar Haziranda açıklandı biz biraz geç kaldık anlaşılan ama siteler güzel gerçekten http://awards.cssmania.com/2006/06/05/css-world-awards-nominations.php
CSS Dersleri
Web sayfalarının çıktılarını almak her zaman sorunludur. Web sayfaları web tarayıcılarında güzel görünürler ancak çıktı almak için uygun değildirler. Web sayfalarında yazıların daha okunaklı olması için sans-serif font ailesi kullanılır ancak çıktı için uygun olan font tipi serif font ailesidir. Ayrıca bir çok site de çıktıda görünmememsi gereken sol menü,
CSS Dersleri
Bu makalede CSS'de kullanılan tüm birimleri göreceğiz. Birimler genelde mesafe ve renkleri tanımlamak için kullanılır. Birimleri dört gruba ayıra biliriz. uzunluk birimleri, yüzdebirimleri, renk birimleri ve URL birimleri Uzunluk Birimleri CSS'de tanımlanan 8 uzunluk birimi vardır. Bunların üç tanesi göreceli(relative) uzunluklar ve kalan beş tanesi
CSS Dersleri
Sınıf ve Id isimlerimizi fiziksel özelliklerine göre değil işlevsel özelliklerine göre isimlendirmeliyiz. Bu size kod-içerik tutarlılığı, düzen ve anlaşılırlılık kazandıracaktır. Mesela "kirmiziKutu" ataması size zorluklar çıkarır. Mesela daha sonra bu kutuyu yeşile boymanız istendiğinde ismi kırmızı olan fakat yeşil bir kutunuz olmuş olur. Aynı proje üzerinde birden fazla
CSS Dersleri
1- Kod içinde (In-line) Direk olarak HTML elementin içine style özelliği kullanılarak uygulamak. {% highlight html %} Deneme yazımız{% endhighlight %} Tüm CSS komutlarını kodların içine direk uygulamak önerilen bir kodlama şekli değildir. Ancak özel durumlarda kullanılabilir. 2- style Elementi kullanılarak <head> kısmında <style> elementi içinde CSS kodumuzu yazarak
CSS Dersleri
CSS kodlarımızı yazdığımızda kod yapımız, kullandığımız teknikleri ve diğer özel uygulamalarımız için yorum satırları eklemeliyiz. Çünkü daha sonra kodumuzu incelerken bu yorumlar bize yardımcı olacaktır. Ayrıca bir proje üzerinde birden fazla kişi çalışıyorsa diğer çalışanlar için bu kodlar önemli bilgiler içerecektir. CSS'de yorum eklemek çok kolaydır. {% highlight css
CSS Dersleri
Pseudo sınıf ve elementleri CSS'i destekleyen web tarayıcıları tarafından otomatik olarak tanınan özel sınıf ve elementlerdir. Bu sınıf ve elementler (x)html hiyerarşisi ile erişemediğimiz element ve sınıflara erişmemizi sağlar. Pseudo sınıfı bir elementi farklı sınıflara böler(örn: link elementini active, visited vd. sınıflarına böler) Pseudo elementi ise
CSS Dersleri
Genel özellikleri bir kere tanımlayarak tekrarlardan kurtulabiliriz. Bu sitemizi hız ve tutarlılık kazandıracaktır. Örneğin sitemizde kullanılan genel yazı tipi ve yazı tipi rengini body içinde tanımlayarak bir çok tekrarı engellemiş oluruz. {% highlight css %} body { font:Arial, Helvetica, sans-serif; color: #474747 } {% endhighlight %}
CSS Dersleri
Eğer XHTML ile CSS kullanıyorsak seçici(selector) olarak kullandığımız XHTML elementlerinin küçük büyük harfe duyarlı olduğunu unutmamalıyız. Küçük büyük harf farklılıklarından kaynaklanan sorunları aşmak için XHTML elementi olarak kullandığımız seçicileri küçük harfle yazarak bu sorunu bertaraf etmiş oluruz. HTML ve XHTML'in her ikisinde de özellikler(attributes) küçük büyük
CSS Dersleri
CSS kullanımı ile tedavülden kalkan veya kullanımı azalan özellikleri sıralayalım: * name form elemanlarında kullanılan name yerine artık id * body içinde kullanılan text ve bgcolor yerine CSS'de color ve background-color * body içinde kullanılan background yerine background-images * body içinde kullanılan link, alink, vlink yerine CSS tabanlı :link, :visited ve :active
CSS Dersleri
CSS kullanımı ile birlikte bazı HTML elementlerinin kullanımı azalmış hatta oratadan kalkmıştır. Kullanım dışı olan elementleri sıralarsak: * font elementi yerine CSS fonttanımı**,** * center elementi yerine text-align:center * b veya strong elementleri yerine font-weight:bold * i veya em yerine font-style: italic * big yerine font-size * small yerine font-size * hryerine border-top veya border-bottom