en utilisant les propriétés CSS

Question

J'ai commencé à coder le site Web html avec CSS et <div>'s. Avant, je (en) code avec des tables. Je dois poser cette question parce que je ne sais pas comment je peux coder correctement avec CSS et <div>s.

J'ai essayé quelque chose mais j'ai trouvé beaucoup de bugs et je leur ai tous demandé par ce site. Maintenant, par exemple: Quelle est la différence entre les propriétés 'margin-top' et 'top' ou les propriétés 'margin' et 'top, left, right, bottom'.

Je veux apprendre quelque chose comme ça. Je sais CSS si oui, mais je veux apprendre les propriétés de <div> tag. S'il vous plaît aidez-moi, Merci beaucoup. Editer: Non seulement les propriétés de marge ou «haut, gauche, droite, bas». Je veux apprendre toutes les propriétés des étiquettes <div> et <div> positionnement des étiquettes CSS s (propriétés). J'ai besoin de beaucoup d'idées et de documents. S'il vous plaît écrivez ce que vous savez. :)

Answer 1

Je suggère d'apprendre sur le modèle de boîte:

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

et référencer le site du W3C pour la balise DIV:

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

Et peut-être lire sur les scripts CSS Réinitialiser :

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

Answer 2

top déplace un élément de différentes manières, en fonction de la valeur de the position property.

margin-top met un espace entre le haut de l'élément et l'élément précédent (sous réserve des règles de collapsing margins)

Answer 3

Si vous définissez margin:5px ajoutera margin pour tous les côtés de l'élément (en haut, à droite, en bas, la gauche). Si vous voulez spécifier le côté de la marge, par exemple top, vous pouvez utiliser margin-top:5px. Mais aussi, vous pouvez utiliser

margin:5px 10px 15px 20px c'est un raccourci des propriétés suivantes

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

La même philosophie est utilisé pour padding.

Un guide facile à suivre pour css est le suivant: http://www.cssbasics.com/

Le CSS 2.1 recommandations se trouvent ici: http://www.w3.org/TR/CSS21/

En utilisant firebug ou tout autre outil de développement intégré, il est très utile de comprendre comment css fonctionne et joue facilement avec.

En outre, sitepoint a une bonne référence css: http://reference.sitepoint.com/css