Merhabalar. Web sayfamızı yaparken kullanacağımız noktalardan birisi yazılarımızı, resimlerimizin yerlerini belirlemek aralarındaki boşluk miktarını ayarlamaktır. Genellikle bu iş tablolama yöntemiyle yapılır ancak CSS ile bir satırlık kod ile bunu başarmak oldukça mümkün. Aşağıdaki adımı uygularsanız sayfa tasarlarken daha rahat hareket edeceksiniz.

CSS İle Sayfa Hizalama

Yukarıda belirlediğimiz aralıkları CSS kodlarımız ile uygulayalım.

body {
	margin-top: 100px;
	margin-right: 40px;
	margin-bottom: 10px;
	margin-left: 70px;}

Bu kodları daha sade bir şekilde yazacak olursak ;

body {
	margin: 100px 40px 10px 70px;
}

Örneği Göster

Bir başka örnek daha yaparak başlığımız ve alttaki yazımızı ayırarak yazımızı biraz sağa doğru kaydıralım.

body {
	margin: 100px 40px 10px 70px;
}

p {
	margin: 5px 50px 5px 50px;
}

Örneği Göster

Eğer başlıklarımızın arkaplanlarını renklendirmek istiyorsak alttaki kodları kullanabiliriz ;

h1 {
	background: green;
}

h2 {
	background: blue;
}

Örneği Göster