How to format the body tag in CSS while designing a website?

[arronmattwills]

We have to format or initialize all the values before writing a css code to design a website.

the following things are we need to do:

Margin should be zero.
padding should be zero.
font size should be twelve pixels.
and font family should be a regular font like arial.

These things are very important for professional web UI designers.

 

[webdesign]

the following things are we need to do:

Margin should be zero.
padding should be zero.
font size should be twelve pixels.
and font family should be a regular font like arial.
.

In css file you put this code for body css

body{
margin:0px;
padding:0px;
font-size:12px;
font-family: Arial, sans-serif;
}

This code above means that you will reset all margin and padding to 0px and applying font size and font family are 12px and Arial.

 

[arronmattwills]

arronmattwills

Yes, bro, you said 100% exactly. This is what i wish to write. But i thought it may consider as spam in the forum.

 

[sarataylor]

Download reset.css file from the internet and you will find your answer in it. Above comments are useful and full of information

 

[arronmattwills]

arronmattwills

Your post is really so much useful. I have found many different versions of reset style files. Thank you for your response.

 

[arossi]

I like to use the wildcard. default everything. then change only what you need.

* {
margin: 0px;
padding: 0px;
}

 

[arronmattwills]

arronmattwills

But it will effects the entire website. It increases our coding length and it takes longer time to reconstruct the website. So, basic things only we follow, as i mentioned above we have initialize body only.

 

[hoangvu]

hoangvu

I agree with you, it depends on which you want to use, if you want to apply for all parts on website like div, span, text..you will need windcard or just for body so I think your code is enough for using.

 

[arronmattwills]

arronmattwills

It is really nice to use wild card code, but it will effects paragraph and heading tags, we need to write separate code again, which increases our work. Any how it is also a better way.

 

[Jack London]

I agree with arossi, using above code (the wildcard) to reset all elements on your web design with padding and margin are 0px, it's useful to start a new design and used to put on top of css file.

 

[JoeHamilton]

My spouse and i believe arossi, applying previously mentioned rule (the wildcard) to be able to reset to zero all things in your website design together with support in addition to perimeter are usually 0px, it really is useful to find a brand-new design and style in addition to utilized to set along with css file.

 

[linkinpa]

body{
margin:0px;
padding:0px;
font-size:12px;
font-family: Arial, sans-serif;
}
Thank for your sharing :thumb: