Ders 5: Text Align Özelliği

Arkadaşlar derslere devam edelim. yakında CSS ve PHP’ye hazır web siteleri nasıl hazırlanır bunlara değineceğiz ama öncelikle CSS ile temel bilgilere devam… Elimden geldiğince her gün ders ekleyeceğim

—————————–

Arkadaşlar CSS ile hazırlamış olduğumuz divlerimizde eğer bir hizalama tanımı yapmadıysak, içerisine gelen her türlü data, default olarak body’deki hizalamaya tabi olacaktır. Eğer body tagımıza bir hizalama belirtmedi isek, veya sitenin tasarımını ortalamak için kullandığımız dıştaki <div align=”center”> tagını kullanmadıysak, tüm yazılarımız ve resimlerimiz sola daya olarak gelecektir. Özellikle padding operatörünü kullanmadığımız durumlarda bu çok can sıkıcı bir görünüme yol açacaktır.

Divlerden oluşturduğumuz boxlarımızın içine align komutu ile hizalama yapabiliriz. Şimdilik 3 hizalama yönteminden bahsedeceğiz;

CSS dosyamızda yazacaklarımız ve alacağımız sonuçlar sunlardır;

text-align:center; (bağlı bulunduğu class veya id içerisindeki tüm veriyi ortalar)

text-align:left; (bağlı bulunduğu class veya id içerisindeki tüm veriyi sola dayar)

text-align:right; (bağlı bulunduğu class veya id içerisindeki tüm veriyi sağa dayar)

Özellikle sol ve sağa dayalı tasarımlarımızda padding operatörünün önemi daha da artmakta. Gelecek yazılarda onlardan da bahsedeceğim. İyi çalışmalar