《CSS 权威指南》笔记(五)

第十章 浮动和定位

  1. 浮动(十条准则)

    1. 浮动元素周围的外边距不会合并。
    2. 浮动一个非替换元素需显示指定宽度(避免不可预见的情形)。
    3. 浮动元素会生成一个块级框,而不论这个元素本身是什么。
    4. 重叠:行内元素完全覆盖浮动元素,块元素仅仅将内容显示在浮动元素之上。
    5. 清除:clear
  2. 定位

    1. 定位类型(position 取值)

      • static:元素正常框,块级元素生成一个矩形框,作为文档流一部分,行内元素则会创建一个或多个行框,值域其父元素中。
      • relative:元素框偏移某个距离,原本所占空间仍保留。
      • absolute:元素框从文档流完全删除,并相对于其包含块定位。
      • fixed:元素框表现类似于将position设置为absolute,不过其包含块是视窗本身
    2. 包含块

      • “根元素”的包含块。
      • “非根元素”,其position值是relativestatic,包含块由最近的块级框、表单元格或行内块祖先框的内容边界构成。
      • “非根元素”,其position值是absolute,包含块由最近的position值不是static的祖先元素(可以是任何类型)
    3. 使用偏移属性(4个)定位元素的同时去除heightwidth声明,或显示地将其设置为auto

    4. 限制宽度和高度(min、max),应用于除非替换行内元素和表元素以外的所有元素

    5. 溢出(overflow)

    6. 裁剪(clip):注意rect参数的意义,距元素左上角的距离

    7. 元素可见性(visibility)

    8. z-index

第十一章 表布局

  1. CSS中列和列组只能接受4种样式:border、background、width和visibility
  2. 匿名表对象及其插入规则(7条)
  3. 表层:CSS定义了6个不同的『层』,自上而下依次是:单元格、行、行组、列、列组、表
  4. 表标题:caption
  5. 表单元格边框:border-collapse
  6. 边框间隔:border-spacing,前提是border-collapse: separate
  7. 处理空单元格:empty-cells,前提是border-collapse: separate
  8. 边框合并
  9. 表大小

(375)

(未完)

(最后修改于2015-10-23)

Table of Contents