Css kullanmak artık bir zorunluluk gibi web tasarımı yapanlar için.
Şahsen ben nacizane herşeyi css üstünden düzenliyorum, aslına bakarsanız çok işi kolaylaştıran bir olay css. Bu durumdan istifade edip çoğu css kullanıcısının işine yarayabilicek kodlamalar elime geçince sizlerle paylaşacağım.
İlk örneğim sayfa background yani arkaplan resminizi sabit yapmak ve sayfa aşağı yukarıda gitse arkaplanı kilitleme olayını kısaca anlatacağım.
Bilindiği gibi artık nette kullanılan ölçüler gitgide büyümekte; örneğin:
eskiden 800*600 bir tasarım yeterli geliyorken artık en az bu çözünürlükte bir sayfa yapmak bile günümüzdeki geniş ekran boyutu ölçüleri için yeterli gelmiyor.
Bu yüzden websayfasını yaparken ilk önce sabit yapıcaksanız arkaplan resminizin kullanılabilecek en büyük çözünürlüğe yakın olmasını tavsiye ederim örneğin şu an bence hd resim boyutları ideal 
Tabiiki böle bir durumda sayfanızın arkplanının çok geç açılması olayı sözkonusu ama bunuda resmin netliğinle oynamadan kilobyte’ını azaltarak çözebilirsiniz. Böle bir çözümü ancak Photoshop veya resim resizer yani boyutlandırma programları ile yapabilirsiniz.
Şimdik gelelim kodumuza :
.arkaplan img{width:100%;position:fixed;top:0px;left:0px;z-index:-1;}
<div class=”arkaplan”><img src=”arkaplanresmim.jpg” alt=”background” /></div>
