CSS自学作业

CSS自学作业

margin 与 padding 的差异

margin在边框之外的区域,并没有直接影响到内容在边框内的排布,而会影响其整体在父元素中的排布,
padding是内边框,会直接影响到内容在边框中所占的面积与排布

什么是 box model

就是css用来做整体框架设置的一种模型,模型图如下


四个部分

  • Margin 外边框
  • Border 边框
  • Padding 内边框
  • Content 具体内容 我们可以对这三种边框进行,宽度,背景,颜色,样式的调整

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

因为在IE浏览器中无法通过px来调节字体的大小,而em却可以,所以为了保持兼容性,应该使用em来调节字体大小
注:1em相当于其父元素当前的字体大小

h1 {margin : 10px 0px 15px 5px;} 的 margin-top、margin-right、margin-left、margin-bottom 各是多少?

这种写法的顺序是,从top开始,顺时针方向转,也就是上右下左
所以,margin-top = 10px, margin-right = 0px, margin-left = 5px, margin-botton = 15px