CSS世界读书笔记

第三章: 流,元素与基本尺寸.

• width: auto 有如下四种意义:
  1. 块级元素的尽可能的大, 占满父级元素的控件.
  2. 包裹性. 内联元素的刚刚包裹其内容.
  3. 收缩到最小, 即首选最小宽度.
  4. 超出父容器限制.

• 在 CSS 的世界里, 图文的优先级远比布局要高., 因此即使 width=0, 图文也不会不显示, 会遵循首选最小宽度准则.

• box-sizing 属性是用来更改 width 属性的作用细节的, 其中 padding-size 无效.

• textAera属于替换元素, 替换元素有一个特点: 将其 display 设定为 block , 其 width 不会自动扩充到父容器的宽度, 而是用 margin 来替代, 而非替换元素则会扩充至父元素的宽度.

• 当元素在正常文档流中, 要想使元素的 height 的百分比值生效, 则父元素必须要有一个可计算的高度值, 使高度的 height 生效的方法有:
  1. 设定父元素的高度.
  2. 使用绝对定位, 绝对定位中的 height 的百分比值是相对于父元素的 padding-box 的值来进行计算的, 而不是 content-box.

• 要想使 transition 生效, 则同一个属性的值必须要在同一类型的值中进行变化, 如 height 从 auto 变化到某一个具体的值, 是不会由过渡效果的.
• 幽灵空白节点

第四章: 盒尺寸和四大家族