Façon de rappeler dans le CSS que la marge est à l'extérieur de la frontière, et le rembourrage à l'intérieur
Je n'ai pas modifier le code CSS très souvent, et presque à chaque fois j'ai besoin d'aller sur google le Modèle de boîte CSS pour vérifier si padding
est à l'intérieur de la border
et margin
à l'extérieur, ou vice versa. (Viens de vérifier à nouveau et padding
est à l'intérieur).
Quelqu'un aurait-il une bonne façon de se souvenir de cela? Un peu mnémonique, une bonne explication pourquoi les noms sont que le chemin de ronde ...
Vous devez vous connecter pour publier un commentaire.
Lorsque vous travaillez avec des CSS, enfin, rend fou le collier de la cellule qu'ils vont vous mettre en a le rembourrage sur la à l'intérieur de des murs.
pin - P est dans
Vous êtes en utilisant une boîte. Si vous avez été de mettre quelque chose dans une boîte, vous pouvez mettre du rembourrage à l'intérieur pour s'assurer qu'il n'a pas smack sur les côtés. La marge serait alors autre chose.
Imprimer le diagramme à partir de l' Dimensions De La Boite section de la spécification, et de le mettre sur le mur.
Pour moi, "rembourrage" juste des sons plus intérieure que "la marge". Peut-être penser à propos de la page imprimée aiderait? Les marges sont les zones le plus loin à l'extérieur - en général, vous ne pouvez même pas l'impression du bord - ils sont unmarkable. À l'intérieur de ces marges, le contenu pourrait être complétée de façon à fournir une barrière supplémentaire entre le contenu et la marge?
Une fois que vous travaillez dans le CSS assez, il deviendra une seconde nature pour se souvenir de cette.
Rembourrage est généralement utilisé à l'intérieur. Soit à l'intérieur d'un mur ou d'une boîte de livraison, ce qui est simple. Et si le rembourrage est à l'intérieur, puis de la marge est à l'extérieur. Ne devrait pas être trop dur.
J'ai juste appris au fil du temps - le modèle de boîte est assez simple, mais la principale raison les gens trouvent qu'il est difficile parce que
body
n'a pas visiblement briser le modèle.Vraiment, si vous donnez
body
une marge et un arrière-plan, vous devriez le voir entouré par une bande blanche. Cependant ce n'est pas le cas -body
's rembourrage est la même que la marge. Cela définit un certain nombre incorrect de choses sur le modèle de boîte.J'ai l'habitude de penser comme ça:
Tim Saunders a donné quelques excellents conseils - lorsque j'ai commencé avec le CSS, j'ai fait un point de la construction d'un bon, entièrement commentée de la base de la feuille de style. Que la feuille de style a changé de nombreuses fois et demeure une ressource formidable.
Cependant, quand j'ai couru dans ma propre boîte de modéliser des problèmes, j'ai commencé à utiliser le " Mo Pi. Comme dans "je ne suis pas assez grasses, j'ai besoin de manger mo pi." Étrange, mais il a travaillé pour moi. Bien sûr, je l'ai mis sur une vingtaine de livres, tandis que l'apprentissage CSS...;-)
utiliser firebug pour vous aider à voir.
Créer vous-même une commenté la base de la feuille de style que vous pouvez utiliser comme un modèle quand vous en avez besoin pour créer un nouveau site ou de modifier un site existant.
Vous pouvez ajouter à cela que vous grandir dans la connaissance et l'appliquer à l'aide de différents navigateurs pour voir comment les choses différentes de se comporter.
Vous serez également en mesure d'ajouter dans les commentaires ou exemples sur d'autres difficile de se souvenir de choses et des choses qui est contre-intuitif.
Ajouter de la frontière, même temporairement. Comme vous jouez avec les chiffres, vous verrez la différence.
En fait, les frontières temporaires autour des éléments est un moyen très utile pour le travail, de sorte que vous pouvez voir pourquoi les flotteurs sont en baisse, etc.
Je sais que c'est une réponse à votre question, mais, en plus d'une pointe. Chaque fois que je fais affaire avec de la marge et le remplissage, je vais ajouter une bordure autour de la partie que vous travaillez, puis à partir de là, il me montre la salle que j'ai de travailler avec. Quand je suis prêt, j'ai supprimer la bordure.
Rembourrage est une Partie d'un élément du Tableau: il s'étend de l'élément fond. Il est logique de penser à une paire élément+rembourrage que le partage d'une expérience commune. Le rembourrage est analogue à la peinture de la toile: plus le rembourrage, le plus grand de la toile et donc arrière-plan. Frontière (la peinture du cadre) faisait le tour de cette paire. Et marge seront séparés des peintures sur le mur de la galerie. La réflexion sur la notion d'objet d'arrière-plan permet de coller l'objet de paires+rembourrage ensemble. Les habituelles explications de ce qui est à l'intérieur vs extérieur ne collent pas à la mémoire: après un certain temps, tout le monde rentre à l'origine de la confusion. Rappelez-vous aussi que les marges sont à la verticale démontable et le rembourrage est pas.
Au lieu de demander encore et encore à google, il vous suffit d'utiliser fenêtre de l'inspecteur. Dans cet onglet style et faites défiler vers le bas, vous pouvez voir comme ça.
Marge:si vous souhaitez déplacer le bloc.
Rembourrage: Lorsque vous souhaitez déplacer les éléments à l'intérieur d'un bloc.