CSS Reset Nedir? Nasıl Kullanılır?

Tarayıcıların kendilerine ait varsayılan CSS ölçütleri vardır. Bir arayüz kodladığınız zaman tarayıcıların farklılıkları yüzünden her tarayıcıda farklı farklı boşluklar gözükebilir. Tam bu durumda da yardımımıza Reset CSS koşuyor. Reset CSS sayesinde tüm tarayıcıların varsayılan değerlerini kendi isteğimize göre şekillendirebiliyoruz.

Tarayıcıların kendilerine ait varsayılan CSS ölçütleri vardır. Bir arayüz kodladığınız zaman tarayıcıların farklılıkları yüzünden her tarayıcıda farklı farklı boşluklar gözükebilir. Tam bu durumda da yardımımıza Reset CSS koşuyor. Reset CSS sayesinde tüm tarayıcıların varsayılan değerlerini kendi isteğimize göre şekillendirebiliyoruz.

Örnek vermek gerekirse tarayıcının varsayılan değeri margin:10px; ise yaptığınız arayüz, varsayılan margin:10px kodu yüzünden ekrana tam oturmaz. Bu sorunu da ortadan kaldırmak için reset.css kullanacağız.

Aşağıda vereceğim kodları isterseniz css dosyanızın üst tarafına yapıştırabilirsiniz. İsterseniz ayrı bir css dosyası oluşturup link tagıyla html dosyanıza çekebilirsiniz.

Reset.css kodlarımız aşağıdadır.


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,
address,big,cite,code,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,
center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;list-style:none;list-style-type:none;text-decoration:none;font-family:'Open Sans', sans-serif;}

  • Etiketler;
Baran Somaklı
1998 yılında doğdu. 2013 yılından beri arayüz geliştirmeyle uğraşıyor. 2014 yılından itibaren aktif olarak WordPress üzerine çalışmalar yapıyor ve WordPress temalar geliştiriyor.
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git