CSS İle Pozisyon Konumlandırma (8. Ders Position:Static; ve Float: Left; Kullanımı) – BilgeBank
Anasayfa / DERSLER / Web Tasarım Dersleri / HTML - CSS Dersleri / 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

İlgili Makale

CSS3 Dersleri 4 box-shadow Kutuları Gölgelendirme

CSS3 ile birlikte gelen ve kutuya gölge verme için kullanılan box-shadow özelliği ve kullanımı ile ilgili bilgi vermeye çalışacağım. Hemen …

Bir cevap yazın

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

%d blogcu bunu beğendi:
%d blogcu bunu beğendi: