zoukankan      html  css  js  c++  java
  • html CSS 盒模型

    CSS 盒模型
    网页设计中的每个元素都是长方形的盒子。盒子的尺寸是怎样精确计算的,请看下图:

    如果是 Firebug 用户的话(基本和前端有关的都会用到 Firebug 吧 – 糖伴西红柿),就会很熟悉下面的图表了。
    这个图表很好地展示了作用于页面上任意盒子的数值。

    注意以上两个例子中,margin 都是白色的。Margin 比较特别,它不会影响盒子本身的大小,但是它会影响和盒子有关的其他内容,因此 margin 是盒模型的一个重要的组成部分。
    盒子本身的大小是这样计算的:
    Width width + padding-left + padding-right + border-left + border-right 
    Height height + padding-top + padding-bottom + border-top + border-bottom

  • 相关阅读:
    Lombok介绍、使用方法和总结
    Vargant centOS7安装
    Nginx
    Docker
    GOPATH
    Golang http
    /^正则表达式$/
    go: missing Git command. See https://golang.org/s/gogetcmd
    Golang 反射
    Golang 常量
  • 原文地址:https://www.cnblogs.com/wangkangluo1/p/2338971.html
Copyright © 2011-2022 走看看