• 爱情文章
  • 亲情文章
  • 友情文章
  • 生活随笔
  • 校园文章
  • 经典文章
  • 人生哲理
  • 励志文章
  • 搞笑文章
  • 心情日记
  • 英语文章
  • 范文大全
  • 作文大全
  • 新闻阅读
  • 当前位置: 山茶花美文网 > 作文大全 > 正文

    css内外边距 css特性:空白外边距互相叠加

    时间:2018-08-11来源:山茶花美文网 本文已影响 山茶花美文网手机站

    白双边距是一个极容易误解的CSS特性.它不是CSS的bug,但如果我们一旦误解,将会给你带来很多麻烦.
    先看如下demo代码:

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>空白边距叠加demo@Mr.Think</title>
    <style>
    body{width:300px; font-family:"微软雅黑"; font-size:1em; text-indent:10px; line-height:1.25}
    div{background:#a40000;margin:10px}
    div p{background:#eee;margin:15px}
    </style>
    </head>
    <body>
    <div><p>空白边距叠加demo@Mr.Think</p></div>
    </body>
    </html>
    • css内外边距 css特性:空白外边距互相叠加 相关文章:
    • 爱情文章
    • 亲情文章
    • 友情文章
    • 随笔
    • 哲理
    • 励志
    • 范文大全