Yeniler

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