ყველა ბრაუზერი თავისებურად ინდივიდუალურია და ყველა მათგანს აქვს თავისი უარყოფითი და დადებითი მხარეები. უარყოფით მხარედ შეიძლება ჩავთვალოთ, ის ნაწილიც, რის გამოც ერთი და იგივე გვერდი სხვადასხვა ბრაუზერში სხვადასხვანაირად აისახება. ზოგის css პარამეტრი margin, ან padding ჩვეულებრივ (default-ად) სხვადასხვა მნიშვნელობისაა.

reset

reset.css

ამ და სხვა პარამეტრების საწყისმა არაერთიდაიგივეობამ მიგვიყვანა ერთი თავის ტკივილამდე, თუმცა ამ თავის ტკივილს მალევე გამოვუჩინეთ შესაბამისი წამალი. 

რა არის reset.css ფაილი?

როგორც უკვე ავღნიშნეთ css პარამეტრების არაერთიდაიგივე მონაცემებესთვის შექმნილი “გამანულებელი” ფაილი, რომელიც შეიცავს იმ css კოდს, რომელიც ყველა პარამეტრეს გაანულებს და ყველა ბრაუზერში ასახავს ყველა ელემენტს ერთნარად საწყის მდგომარეობაში.

როგორ გამოვიყენოთ იგი?

პირველ რიგსი დაგვიჭირდება თვით ფაილის შექმნა, სახელად reset.css და მასში ამ კოდის ჩაწერა

[css]

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, 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;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* tables still need ‘cellspacing="0"’ in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

[/css]

ეს არის სრული კოდი, ანუ ის ტკვილი გამაყუჩებელი, რომელიც დაგვეხმარება ატკიებული თავის მოშუშებაში.

ფაილის შექმნა ერთია, ახლა იგი ჩვენ HTML დოკუმენტს უნდა მივუერთოთ შემდეგნარირად, გავწეროთ ეს კოდი head კონტეინერში

[html]
<link rel=&quot;stylesheet&quot; href=&quot;reset.css&quot;’ type=&quot;text/css&quot; media=&quot;all&quot; />
[/html]

ესეც ასე, აწი თავის აუტკივლობა გარანტირებული გექნებათ :)