CSS Dersleri

CSS Dersleri

CSS'de Tanımlamalar ve Etkinlikleri(Specificity)

CSS'de etkinliğin anlamı stil çatışması(aynı elemente birden fazla tanım yapıldığında) olduğunda kullanılan hangi kodun web tarayıcıları tarafından yorumlanacağını belirlemektir. Bir XHTML sayfamıza iki adet stil dosyası eklediğimizi düşünelim. Fakat bu stil dosyalarımızdan birinde h1 elementine bold özelliği atanmışken diğer stil dosyamızda italiktik özelliği atanmış. Bu durumda web

By Fatih Hayrioğlu

CSS Dersleri

CSS İLE WEB SAYFASI OLUŞTURMA II

Elastik Web Sayfaları Oluşturma Likid Sayfalar yüksek çözünürlüğe sahip geniş ekranlarda satır yüksekliklerinden dolayı pek hoş görünmeyebilir. Bunun aksine, daraltılmış pencerelerde çok kısa ve parçalanmış görüneceklerdir ve metin boyutu arttırıldığında üst üste binmiş satırlarda görüneceklerdir. Bununla ilgili olarak elastik sayfa oluşturma metodu bize yardım edecektir. Elastik Sayfalar web tarayıcılarına göre

By Fatih Hayrioğlu

CSS Dersleri

Float ve Clear özellikler ile konumlandırma

CSS ile sayfa planlamak için kullanılan yöntemlerden bir tanesidir float ve clear özelliklerinin kullanımı. Float bir elementi Normal Akışın dışına çıkarmak için kullanılan bir yöntemdir. Bir biri ardına sıralanmış elementlere float uygulandığında elementler eğer yeterli alan varsa yan yana dizilirler. Float Dinamik Göreceli Konumlandırma gibidir ve bu amaçla kullanılabilir. Clear

By Fatih Hayrioğlu

CSS Dersleri

CSS ile sayfalarımızı ve elementlerimizi ortalamak

CSS'de kullandığımız içerik alanlarını (blok-level ve inline-level) elementleri nasıl oratalayacağımızı göreceğiz. Inline-level elementleri text-align:center özelliğini kullanarak ortalayabiliriz. Blok-level elementleri ortalamak için ise bir iki metod vardır. Sırası ile inceleyelim. 1- Genişleyebilir blok-level elementleri ortalamak {% highlight css %} .ortala { margin-left: 10%; margin-right:10%; } {% endhighlight %} HTML kodu; {% highlight html %} Lorem

By Fatih Hayrioğlu

CSS Dersleri

CSS ile konumlandırma(positioning)

CSS konseptinin üç önemli konusu kutu modelleme, konumlandırma ( positioning ) ve floating konularıdır. Burada CSS ile konumlandırma hakkında bilgi vermeye çalışacağız. Konumlandırma ile alakalı olduğu için blok-level ve inline-level elementlerin tanımını tekrarlayacağız. Blok-level elementler : Blok-level elementin görünüş formatı bir kutu gibidir. Blok-level elementler inline elementleri ve diğer blok-level elementleri içerebilir. Tipik

By Fatih Hayrioğlu