图片

  • png 无损压缩，尺寸体积要比jpg的大，适宜做小图标
  • jpg 采纳压缩算法，有一点失真，比png体积要小，适宜做中大图片
  • gif 个别是做动图的
  • webp 同时反对有损或者无损压缩，雷同品质的图片，webp具备更小的体积

css的盒子模型

  • 规范盒子模型
    margin/border/padding/content
  • ie盒子模型
    margin/content(border+padding+content)
  • 盒子模型转换
    box-sizing/content-box 规范/border-box ie模型

行高

  • line-height
    每一行文字的高度，如果文字有多行，则高度为行数*高度

  • height
    是一个死值，就是这个盒子的高度

    css的选择符，哪些能够继承

  • 通配*
  • id选择器 #
  • class选择器 .
  • 标签选择器 div
  • 相邻选择器 +
  • 后辈选择器 ul li
  • 子元素选择器 >
  • 属性选择器 a[href]
  • css能够继承的属性
    font-size
    color
    line-height
    text-align

  • css不能够继承的属性
    border
    padding
    margin

    css优先级算法

    !important>内联款式>id>class>标签>通配