关于前端:2023前端面试题二

图片

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