CSS入门到进阶知识点统计

css新手入门到进阶知识点

• 基础布局
  • 字体
  • 外边距
  • 内边距
  • 像素单位
  • 定位/浮动
  • 水平居中/垂直居中
  • 边框/形状
• 高阶布局
  • flex弹性布局
  • Grid网格布局
  • 瀑布流布局
  • media响应式布局
• 美化/动画
  • 边距模糊
  • 动画、过渡
  • 画布、SVG
  • 音频、视频
  • 背景图片、图片
  • 背景颜色、字体颜色、渐变、过滤
• 高阶函数/复杂页面
  • calc()、var()、attr()
  • linear-gradient()
  • radial-gradient()
  • CSS 贝塞尔曲线
• 页面疑难杂症
  • 精度丢失
  • 布局错位
  • 边距坍塌
  • 抗齿轮
• 兼容/分辨率
  • 兼容性识别
  • 兼容前缀
  • 硬件显示像素单位
  • 硬件设备分辨率
    • 打印机
    • 投影仪
    • 桌面应用
    • 跨端设备
• 渲染/重绘/权重
  • 渲染过程
  • 重绘机制
  • 样式权重、继承
  • 主流内核