CSS简单笔记

margin 与 padding 的差异

margin是元素的外边距
padding是元素的内边距
可参考下图

什么是 box model

如下图,一图胜千言


CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框 和 外边距 的方式。
内边距、边框和外边距都是可选的,默认值是零

为何要使用 em 而非 px 来定义字的大小

如果您没有规定字体大小,普通文本(比如段落)的默认大小是 16 像素 (16px=1em)
使用 em 单位,则可以在所有浏览器中调整文本大小。px在ie中会出错

h1 {margin : 10px 0px 15px 5px;}

顺时针

margin-top: 10px
margin-right:0px
margin-left:15px
margin-bottom: 5px

Comments

comments powered by Disqus