Merhaba arkadaşlar bu yazıda her zaman kullanmanız gerekli olan tarayıcıları sıfırlama yönteminden bahsedeceğim. Tarayıcılar için belirli bir standart olmadığından dolayı farklı form elemanları tarayıcılarda farlı görünüyorlar. Bu yüzden bir tarayıcıya uyumlu olan tasarımınız başka bir tarayıcıda aynı görüntüyü vermiyor. Bu sorunu çözmek için de oluşturacağınız css dosyasına aşağıda vereceğim kodları eklemeniz gerekmektedir. Vereceğim kodlar bütün form elemanlarını kapsayacak şekilde düşünülmüştür. Siz isterseniz kullanmayacağınız elemanları çıkarabilirsiniz. Şimdi tarayıcı sıfırlama kodlarını yazalım.


html, body, div, span, p, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, strong, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, 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; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
:focus {outline:0;}
body {line-height:1; color:black; background:white;}
ol, ul {list-style:none;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left ;font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

Yukarıda ki css kodları ile tasarımınız bütün tarayıcılarda aynı görünümü verecektir. Umarım çok fazla geçmeden bütün tarayıcılar bir standarda girer bizim de bu işlemi yapmaya ihtiyacımız kalmaz.

Source

22 views