marginheight属性怎么用?网页布局实用小技巧!

吉云

今天咱来聊聊这个 marginheight,这玩意儿听着挺玄乎,弄明白也就那么回事。一开始我也不懂,就想着做个网页,结果发现这页面上的元素老是挤一块,看着就难受。

我就开始琢磨,咋能让它们之间有点空隙?于是我就去查资料,翻好些个网页,发现提到这么个东西:marginheight。资料上说,这玩意儿是用来设置 frame 或者 iframe 元素上下边距的,能让元素之间有点喘息的空间。,听起来好像挺不错的!

可是后来又说,HTML5 都不支持这个属性,要用 CSS 来代替。得,那我还是老老实实用 CSS 。

marginheight属性怎么用?网页布局实用小技巧!

我就开始动手试。我得知道这 margin 是啥意思。资料上说是外边距,就是元素外面留出来的空白。那我就用这个 margin 试试。

  • 我先给元素加个 margin-top,上面的空间就出来。
  • 再加个 margin-bottom,下面的空间也有。

直接用 margin 也可以,一次设置四个方向的边距,省事!我试试,效果还真不错。就这样,我用 margin 把页面上的元素都调整一遍,看起来舒服多。不过资料里还提到一个 marginheight 属性,专门用来设置框架的顶部和底部空白的,但我这做的不是框架,所以没用上。

marginheight属性怎么用?网页布局实用小技巧!

总结一下

这回的实践让我明白几件事:

  • 想要页面元素之间有空隙,可以用 margin 来设置外边距。
  • margin-top 管上面的边距,margin-bottom 管下面的边距。
  • marginheight 在 HTML5 里已经不用,现在都用 CSS 的 margin 来代替。
  • marginheight属性怎么用?网页布局实用小技巧!

经过这回尝试,我对 CSS 的布局又有点新的认识。实践出真知,多动手试试,才能真正掌握这些知识。

免责声明:由于无法甄别是否为投稿用户创作以及文章的准确性,本站尊重并保护知识产权,根据《信息网络传播权保护条例》,如我们转载的作品侵犯了您的权利,请您通知我们,请将本侵权页面网址发送邮件到qingge@88.com,深感抱歉,我们会做删除处理。

目录[+]