Tarih: 02:59 Yazar: Unknown 0 yorum

Reset.css Nedir?

İyi günler arkadaşlar bu yazımda sizlere öğrendiğim kadarıyla reset.css stil dosyasından bahsedeceğim. css bildiğiniz üzere site tasarımda kullandığımız stil dosyalarıdır.
sizde dikkat etmişsinizdir elimizdeki bir psd yi html ye dökerken yani html ile kodlarken tarayıcıda açtığımızda sağda ve üst kısımda boşluklar olur bu boşlukar her tarayıcıda farklı oluyor neyse reset.css dosyamız bu boşlukları kaldırmaya yarıyor.

Reset.css kulanmazsam birşey olur mu ?

Reset.css dosyası kullanmasakta birşey olmaz reset.css mizi kendimiz normal style.css yada işte stil dosyanızın adı neyse onun içinde kendimiz yazabiliriz. ama genellikle reset.css kullanılır.

reset.css dosyasının içeriği

reset.css dosyasının içeriğini kendiniz belirleyebilirsiniz ama bu konuda uzman kişilerin kodlamış olduğu reset.css dosyalarını kullanmanız daha sağlıklı olacaktır.
ben sizlere benimde kullandığım Eric Meyer’in reset.css dosyasını vereceğim internettende Eric Meyer reset.css yazarak bu dosyaya ulaşabilirsiniz.

RESET.CSS DOSYASI

 /* http://meyerweb.com/eric/tools/css/reset/   
   v2.0 | 20110126  
   License: none (public domain)  
 */  
 html, body, div, span, applet, object, iframe,  
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,  
 a, abbr, acronym, address, big, cite, code,  
 del, dfn, em, 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,  
 article, aside, canvas, details, embed,   
 figure, figcaption, footer, header, hgroup,   
 menu, nav, output, ruby, section, summary,  
 time, mark, audio, video {  
      margin: 0;  
      padding: 0;  
      border: 0;  
      font-size: 100%;  
      font: inherit;  
      vertical-align: baseline;  
 }  
 /* HTML5 display-role reset for older browsers */  
 article, aside, details, figcaption, figure,   
 footer, header, hgroup, menu, nav, section {  
      display: block;  
 }  
 body {  
      line-height: 1;  
 }  
 ol, ul {  
      list-style: none;  
 }  
 blockquote, q {  
      quotes: none;  
 }  
 blockquote:before, blockquote:after,  
 q:before, q:after {  
      content: '';  
      content: none;  
 }  
 table {  
      border-collapse: collapse;  
      border-spacing: 0;  
 }  

reset.css dosyamızı sayfamıza normal bir stil dosyası dahil eder gibi dahil ediyoruz bilmeyenler için
Çağırma şekli 1:

 <style type="text/css">  
 @import "reset.css";  
 </style>  

Çağırma Şekli 2

 <link rel="stylesheet" type="text/css" href="reset.css" />  

Birdahaki yazımızda görüşmek üzere ...