"

不朽情缘-不朽情缘官网拥有全球最顶尖的原生APP,每天为您提供千场精彩体育赛事,不朽情缘-不朽情缘官网更有真人、彩票、电子老虎机、真人电子竞技游戏等多种娱乐方式选择,不朽情缘-不朽情缘官网让您尽享娱乐、赛事投注等,且无后顾之忧!

<progress id="brnbv"><var id="brnbv"></var></progress><var id="brnbv"></var>
<ins id="brnbv"><span id="brnbv"><cite id="brnbv"></cite></span></ins><var id="brnbv"></var>
<var id="brnbv"><strike id="brnbv"></strike></var>
<var id="brnbv"></var>
<cite id="brnbv"><video id="brnbv"></video></cite>
<var id="brnbv"><video id="brnbv"></video></var>
<var id="brnbv"></var>
<ins id="brnbv"><video id="brnbv"><menuitem id="brnbv"></menuitem></video></ins><cite id="brnbv"><span id="brnbv"><var id="brnbv"></var></span></cite>
<var id="brnbv"><strike id="brnbv"></strike></var>
<cite id="brnbv"></cite><var id="brnbv"><video id="brnbv"><menuitem id="brnbv"></menuitem></video></var>
"

返回首页 | 网站案例 | 帮助中心

合作共赢、快速高效、优质的网站建设提供商

深圳网站建设

服务热线:18038067647

认识CSS中的盒模型

时间:2014-2-7

  盒模型是CSS中的重要概念之一,它是所有布局控制的基础,在1996年CSS1刚刚推出时,就推荐把所有的HTML元素都旋转在一个盒子中,然后通过对这个盒子的外观控制来实现整个页面的外观控制,这就是所谓的盒模型.
  在CSS标准中,一个盒模型包括4个区,分别是:内容,内边距,边框和外边距,在指定的一个元素的大小时,就是根据盒模型中各个部分的大小来决定的.例如:
  div#div1
{
  width:100px;
  border-width:2px;
  padding:5px;
  margin:5px;
}
  这里,width指定内容的宽度,border-width指定边框的宽度,padding指定内边距的宽度,margin指定外边距的宽度,整个div#div1的宽度应该为:100px+2px+2px+5px+5px=114px.这是根据CSS标准计算出来的宽度,但事实上,不同浏览器的表现会有所不同,例如firefox是准确按上述标准来计算的,而IE中则把width认为是整个盒模型的宽度,因此在IE中,实际内容的宽度应该为:100px-2px-2px-5px-5px=86px.这被认为是IE的一个Bug,正是由于它对盒模型的这种解析,给使用CSS设计带来了一些困难.

建站流程

    深圳网站建设流程