over 1 year ago

margin 与 padding 的差异;

padding 代表内边框( 元素边框 与 元素内容 之间的区域),呈现元素的背景,其属性值接受 长度、百分数,但不接受负值
margin 代表外边框(围绕在 边框 之外的空白区域),一般默认为透明,不会遮挡其后面的元素,其属性值接受 长度、百分数外,还可以为负,而很多情况下我们都要用负值

什么是 box model;

CSS 框模型 (Box Model) 规定了元素框处理 元素内容、内边距、边框 和 外边距 的方式。

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

因为 Internet Explorer(IE浏览器) 无法调整文本,如果用户使用 IE浏览器 进行浏览页面的话会造成字体大小不一致的问题。我们可以在设定字体大小时改用 em 而不是 px 来设置。

使用 em 与 px 转换时的注意:
默认情况下,1em = 16px ;但有时我们 font-size 字体的像素大小不一定是16的倍数,这是我们需要借助一个公式来转换 pixels/16(默认像素字体)=em 若出现父元素的 font-size 有所改动,我们需要做出相应的更改。

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

根据 margin 单边属性设置的规则{ margin :top、right、bottom、left }得出:

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

← HTML自学作业 ORID记录4/9 →
 
comments powered by Disqus