CSS知识总结

155 阅读1分钟
  1. 浏览器渲染原理 根据HTML构建HTML树(DOM)
    根据CSS构建CSS树(CSSOM)
    将两棵树合并成一颗渲染书(render tree)
    Layout布局(文档流、盒模型、计算大小和位置)
    Paint绘制(把边框颜色、文字颜色、阴影等画出来)
    Compose合成(根据层叠关系展示画面)

  2. CSS 动画的两种做法(transition 和 animation) transition的用法
    作用:补充中间帧
    语法
    transition:属性名 时长 过渡方式 延迟
    transition:left 200ms liner
    transition:left 200ms.top 400ms
    可以用all代表所有属性
    transition:all 200ms

animation用法 声明关键帧
添加动画
缩写语法
animation:时长、过渡方式、延迟、次数、方向、填充模式、是否暂停、动画名