css mastery

• padding,borders,margins都是可选的，默认值都为0。border有三种形式：solid、dashed，dotted。outline会在border上面画一条线但是不会影响box的宽度和高度。如果给元素添加背景，那么会应用到content 和 padding上.
• 可以通过更改display值来转换块级和行内元素。如果display值取为none,那么该元素就不会显示，并且不在文档中占据空间。
• 元素的containing block 取决于元素的位置。
  1. 元素位置static 包含块就是离它最近的display值为block/inline-block/table-cell/list-item... 父元素
  2. 一个绝对定位元素的包含块是它最近position 不是static 的祖先元素。如果它没有定位的祖先元素，它的包含块就是初始包含块也就是html元素。
• 浮动元素也不是常规流中