如何记得在CSS,保证金是外部边境,并填补内部
题
我没编辑CSS很经常,并且几乎每次我需要去和谷歌的 CSS框模型 检查是否 padding
是里面的 border
和 margin
外面的,或反之亦然。(只是再次进行检查和 padding
是内)。
任何人都不会有一个良好的方式记住这个吗?一个小小的记忆,一个很好的解释,为什么姓名都是这样。
解决方案
当工作与CSS最后驱使你疯狂的软垫的细胞,他们会把你放在具有填补上 内部 的墙壁。
其他提示
脚-P
你使用一个盒子。如果你把东西在一个盒子你会把一些内部填充,以确保它不嫌对的两侧。保证金,然后将其他事情。
印图从 箱子尺寸 部分的规范,并把它放在墙上。
我说,"填充"只是听起来更多的内于"保证金".或许思考的打印的网页将帮助吗?利润地区在远的外一般来说,你甚至不能打印到边缘,他们是unmarkable.在这些利润,内容可以是衬垫提供一个额外的障碍的内容之间的和保证金?
一旦你的工作CSS够的,它将成为第二本性要记住这一点。
填补是通常用于内部。无论是在内部的墙壁或交货箱,这就是简单的。如果填补内,然后保证金是外部。不应该太难。
我刚刚学到它的时间框模型是相当简单,但主要原因,人们发现很难是因为 body
并不明显打破模式。
真的,如果你得到 body
保证金和一背景,你应该看到这周围有白色条带。然而这并不是这种情况- body
's填充的是相同的保证金。这规定了一些不正确的事情有关的箱模型。
我通常认为它是这样的:
- 保证金=间距;
- border=边的箱;
- 填充=空间方框内。
蒂姆*桑德斯给了一些优良建议-当我第一次开始了与CSS,我做了一点建立良好的、充分的评论基础的样式表。这样式表有多次改变,仍然是一个了不起的资源。
然而,当我跑到我自己的框模型的问题,我开始使用'武Pi'。如,"我不胖了,我需要吃莫pi。" 很奇怪,但它为我工作。当然,我把二十磅,同时学习CSS...;-)
使用萤火以帮助你看到的。
创建你自己一个评论的基样式表你可以用它作为模板,只要你需要创建一个新网站或编辑现有的网站。
你可以给它添加作为你长大知识并应用到各种不同的浏览器看到各种各样的事情的行为。
你也可以添加在意见或关于其他例子很难记得的东西,或者东西就是反直觉的。
增加的边界,即使只是暂时的。你玩的号码,你会看到差别。
事实上,临时边界周围的元素是一个有用的工作方式,这样,你可以看到为什么漂浮是滴,等等。
我知道这是一个回答你的问题,但是更多的小费。每当我处理的保证金和填充的,我将增加一个边界周围的一部分,你的工作,然后从那里,它显示了我房间我要工作。当我所有的设置,我删除了边界。
填补一部分的一个元素的绘画:它延伸元素的 背景.很有意义,要想对元+填充分享一个共同的背景。填补类似于绘画的画布:更大的填充,更大的帆布,因此背景。边界(画框架)将围绕这一对。和 保证金 将独立的绘画作品在画廊墙上.在思考这一概念的对象的背景有助于胶水的对象+填补在一起。通常的解释里面是什么vs外不坚持存储器:一段时间后,每个人都会回到原来的混乱。还要记住,利润是垂直的可折叠和填充不是。
保证金:当你想要移动的区块。填充:当你想要移动的项目内的一块。