Own reset.css your PIN create
hereburadan(YUI) (YUI), here buradan(Eric Meyer)(Eric Meyer) and here buradan(David Walsh)(David Walsh) can be found.
Step 1: Margin and let Padding'leri Reset
By default, browsers will add pages margin'ler and padding'ler. For example, a margin for most browsers gives 6px'lik to the body element, it farkettiğinizde.
body {margin-top:0;}
will want to add features. But instead of adding them to the self browser'ların It is better to reset the Margine and padding.
First, you need to do to create a new css file and name to the root of our reset.css after page to save. We've created our current HTML page css file
After you have added our HTML file CSS file again coming to our reset.css general use of the margin and padding of elements we are writing the code to reset values.
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul,
ol, li, dl, dt, dd, form, a, fieldset, input, th, td
{
margin: 0; padding: 0; border: 0; outline: none;
}
Heading font size elements without synchronizing a css code to the browser used will vary from the browser. Default font size to 100%, you can switch to the front of this change.
h1, h2, h3, h4, h5, h6
{
font-size: 100%;
}
body
{
line-height: 1;
font-size: 88%;
}
h1, h2, h3, h4, h5, h6
{
font-size: 100%;
padding: .6em 0;
margin: 0 15px;
}
ul, ol
{
list-style: none;
}
{
border: 0;
}
Step 3: Expansion of
In fact, one of the must-have when you reset.css but I would be able to see the benefits. For example, a picture file veriğiniz float element you use in your text in the picture is not immediately adjacent to the stop 0.5em away is a good idea in terms of visuals. Do not want not.
.floatLeft
{
float: left;
padding: .5em .5em .5em 0;
}
.floatRight
{
float: right;
padding: .5em 0 .5em .5em;
}
İşte reset.css Dosyamızın Son Hali:
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,li, dl, dt, dd, form, a, fieldset, input, th, td
{
margin: 0; padding: 0; border: 0; outline: none;
}
body
{
line-height: 1;
font-size: 88% /* Decide for yourself if you want to include this. */;
}
h1, h2, h3, h4, h5, h6
{
font-size: 100%;
padding: .6em 0;
margin: 0 15px;
}
ul, ol
{
list-style: none;
}
a
{
color: black;
text-decoration: none;
}
a:hover
{
text-decoration: underline;
}
.floatLeft
{
float: left;
padding: .5em .5em .5em 0;
}
{
float: right;
padding: .5em 0 .5em .5em;
}
For instance, given all the links on your page, you may want to use a value for the general or
(paragraph) taginizin site if you want to display the text on the difference of
You can use different values.
100% if you want a complete file reset.css Eric Meyer's "Reset CSS Dosyasını" definitely would recommend.
This entry was posted on 7 Kasım 2009 Cumartesi , 01:00 and is filed under cross browser,css,design,elements,firefox,font size,fonts,ie,ie 6,ie 7,ie netrenderer,padding,reset,size. You can follow any responses to this entry through the RSS 2.0 feed. You can skip to the end and leave a response.