Konu Dışı

CSS Reset Nedir?

  • 0 Yorum
  • 9 Şubat 2016
Hakan Demirel Hakkında

Özel bir şirkette Front-end Developer olarak çalışmakta. Twitter üzerinden @hakandemirel hesabını takip edebilir yada hakandemirel.com adresinden daha fazla bilgi alabilirsiniz.

Sosyal Medya Hesapları

Css/html yazan arkadaşların genel olarak sorunu tüm tarayıcılarda aynı sonucu alamamaktır. Bunu sorunu en aza indirmek için reset css güzel yöntemlerden biridir.

Css Reset yada css sıfırlamak olarak bilinen teknik, css kodlama yaparken html elementlerinin çeşitli tarayıcılarda tanınmış olan mesafeleri sıfırlamak için kullanılmaktadır.

Basit olarak css reseti şu şekilde kullanabilirsiniz;

body,div,span,applet,
h1,h2,h3,h4,h5,h6,
p,a,img,strong,sub,sup,center,
dl,dt,dd,ol,ul,li,
table,tr,th,td
{
  border:0;
  outline:0;
  margin:0;
  padding:0;
}

Input elementleri içinde aşağıdaki örnekten faydalanabilirsiniz;

input,textarea,select {
-webkit-box-sizing:border-box!important;
-moz-box-sizing:border-box!important;
box-sizing:border-box!important;
}

Bu kodları stil dosyanızın en üstüne ekleyerek kullanabilirsiniz.

Yorum Yapın