using CSS properties

Question

I started coding html website with CSS and <div>'s. Before, I would (en)code with tables. I have to ask this question because I don't know how can I code properly with CSS and <div>s.

I tried something but I found a lot of bugs and I asked all of them by this site. Now, for ex.: What is the different between the 'margin-top' and 'top' properties or 'margin' and 'top, left, right, bottom' properties.

I want to learn something like that. I know CSS so so but I want to learn properties of <div> tag. Please help me, Thanks a lot.

Edit: Not only margin or 'top, left, right, bottom' properties. I want to learn all of <div> tag properties and <div> tag positioning CSSs (properties). I need a lot of idea and document. Please write what do you know. :)

Jared Farrish · Accepted Answer · 2011-07-24 20:08:09Z

4

I would suggest learning about the box model:

http://www.w3.org/TR/CSS2/box.html

And reference the W3C site for the DIV tag:

http://www.w3.org/wiki/HTML/Elements/div

And maybe read about CSS Reset scripts:

http://meyerweb.com/eric/thoughts/2007/04/18/reset-reasoning/

answered Jul 24, 2011 at 20:08

Jared Farrish

49.4k17 gold badges100 silver badges108 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sotiris · Accepted Answer · 2011-07-24 20:52:47Z

1

If you set margin:5px will add margin for all sides of the element (top,right,bottom,left). If you want to specify the side of the margin, for example top, you can you use margin-top:5px. But also, you can use

margin:5px 10px 15px 20px this is a shorthand of the following properties

margin-top:5px;
margin-right:10px;
margin-bottom:15px;
margin-left:20px;

The same philosophy is used for padding.

An easy to follow guide for css is the following: http://www.cssbasics.com/

The css 2.1 recommendations can be found here: http://www.w3.org/TR/CSS21/

Using firebug or any built-in developer tools, it's great help to understand how css works and play easily with it.

Also, sitepoint has good css reference: http://reference.sitepoint.com/css

edited Jul 24, 2011 at 20:52

answered Jul 24, 2011 at 20:13

Sotiris

40.2k11 gold badges55 silver badges86 bronze badges

Comments

Quentin · Accepted Answer · 2011-07-24 20:09:01Z

0

top moves an element in various different ways, depending on the value of the position property.

margin-top puts a space between the top of the element and the previous element (subject to the rules for collapsing margins)

answered Jul 24, 2011 at 20:09

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

Collectives™ on Stack Overflow

using CSS properties

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related