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元素。
  • 浮动元素也不是常规流中

你可能感兴趣的:(css mastery)