Ev / DERSLER / Web Tasarım Dersler / CSS / CSS İle Pozisyon Konumlandırma (8. Ders Position:Static; ve Float: Left; Kullanımı)

CSS İle Pozisyon Konumlandırma (8. Ders Position:Static; ve Float: Left; Kullanımı)

Css ile alanlarımızda düzenlemeler yaparken position özelliğini kullanırız position özelliğinin 4 farklı değeri vardır; StaticRelativeAbsoluteFixed değerlerini alarak çeşitli konumlamalar elde edebiliriz. Position Kullanımı iyi kavrayabilmeniz için 4 ayrı ders halinde anlatmaya çalışacağız.

Position: Static; Kullanımı

Eğer alanlarımıza herhangi bir position değeri belirtilmemiş veya float özelliği verilmemiş ise alanlarımız position static özelliğini varsayılan olarak okur ve alanlarımız alt alta konumlar. Float:left komutunu bildirirsek alanlarımıza sırasıyla soldan sağa doğru sıralanır. Position özelliklerini bol bol pratik yaparak temel mantığını iyi kavramınız tavsiye ederim.

Bu Kodların Ön İzlemesine Buradan Bakabilirsiniz


Örnekte de görüldüğü gibi iki ayrı çalışma alanı oluşturduk ve içlerine 5 er tane alan oluşturduk 1. çalışma alanımıza position değeri veya float özelliği vermediğimiz için varsayılan olarak alanlarımız alt alta sıralandı. 2. çalışma alanımızda da float:left; komutunu kullanarak alanlarımızın yan yana sıralanmasını istedik umarım yararlı bir konu olmuştur aklınıza takılan soruları yorum bölümünde sorabilirsiniz.

hakkında BilgeBank

İlgini Cekebilir

CSS3 Görseli

CSS3 Nedir? CSS3 İle Gelen Yenilikler Nelerdir?

Öncelikle CSS neydi onu hatırlayalım; CSS, HTML Kodlarımızdaki metin ve format etiketlerimize görsellikte zenginlik katmamızı …

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

%d blogcu bunu beğendi: