2023前端面试题二

  • 2023前端面试题二已关闭评论
  • 130 次浏览
  • A+
所属分类:Web前端
摘要

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


图片

  • 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>标签>通配