margin,border,padding,content
来源:互联网 发布:nginx log 路径 编辑:程序博客网 时间:2024/05/29 12:15
(你的意思我没有完全明白过来,所以可能我的了解和你的了解上有点分歧。)
margin和border影响都是对外的,就是说,在里面的表不会因为这两个值改变而改变。padding影响是对内的,会影响在其定义的表内部的表。
一、margin是和border的距离;
二、content距离最外层的div都是1px。如果margin为1,border为1,那么content距离margin还是1PX,因为border是会在原来大小上向外加上的。(这点你可以自己建两个div对比查看。像这样:<div style="width:203px; height:50px; border:50px solid red"></div>
<div style="width:203px; height:50px; border:1px solid red"></div>)
三、margin是对外的,padding是对内的,margin不影响内表,你的content大小是799,799。
四:margin和padding都有填充的意思。padding会让content范围缩小,而margin不会。
给你一个例子,复制到body里:(你可以把border放大来对比查看效果)
-------------------
<div style="width:400px; height:400px; background-color:#CCFF66;border:blue 1px solid; position:inherit">
<div style="margin:10px; padding:10px; width:300px; height:300px; border:red 1px solid; background-color:#CCCCCC; position:inherit">显示内容与红色线之间的距离就是padding定义的,红线与蓝线之间的距离就是margin定义的(以左上角为准)</div>
</div>
margin和border影响都是对外的,就是说,在里面的表不会因为这两个值改变而改变。padding影响是对内的,会影响在其定义的表内部的表。
一、margin是和border的距离;
二、content距离最外层的div都是1px。如果margin为1,border为1,那么content距离margin还是1PX,因为border是会在原来大小上向外加上的。(这点你可以自己建两个div对比查看。像这样:<div style="width:203px; height:50px; border:50px solid red"></div>
<div style="width:203px; height:50px; border:1px solid red"></div>)
三、margin是对外的,padding是对内的,margin不影响内表,你的content大小是799,799。
四:margin和padding都有填充的意思。padding会让content范围缩小,而margin不会。
给你一个例子,复制到body里:(你可以把border放大来对比查看效果)
-------------------
<div style="width:400px; height:400px; background-color:#CCFF66;border:blue 1px solid; position:inherit">
<div style="margin:10px; padding:10px; width:300px; height:300px; border:red 1px solid; background-color:#CCCCCC; position:inherit">显示内容与红色线之间的距离就是padding定义的,红线与蓝线之间的距离就是margin定义的(以左上角为准)</div>
</div>
- margin,border,padding,content
- Margin、Border、Padding、Content详解
- CSS 框模型Margin ,Border ,Padding ,Content
- CSS content、padding、border、margin属性
- HTML5 codecademy Margin Border Padding Content
- CSS样式中margin、padding、border、content的区别
- 一天搞定CSS:盒模型content、padding、border、margin--06
- 关于margin ,padding ,border
- padding,margin,border
- CSS Border & Padding & Margin
- Margin-Border-Padding
- outline padding margin border
- margin、border、Padding
- CSS padding margin border
- margin padding border
- CSS-border,padding,margin
- CSS:margin,border,padding
- margin,border,padding
- QEMU1.3.0的源码分析三:user model之linux
- 深入理解typedef
- JAVA面试题之线程
- asp.netmvc3 取消页面缓存
- 跨平台的 iOS,Android 在线游戏或应用如何实现?
- margin,border,padding,content
- 页面滑动切换(类Launcher滑动屏幕实现)
- Android Audio 数据流详解
- ExtJS4新发现12_CheckboxSelectionModel单选和复选的限定
- DEFINE_GUID
- JQuery Multi Select With Two ListBox
- 夏宇闻教授谈FPGA工程师的入门学习
- JavaSE第四十一讲:LinkedList源代码深入剖析
- 对2-3-4树的简单想法