前端—每天5道面试题(2)

 

1、你知道的网页制作中使用的图片格式有哪些?

  jpg png-8 png-24 svg gjf jpeg

  但是上面给你面的哪些都不是面试官想要的最后答案。面试官希望听到的是webp。

  (是否有关注新技术,新鲜事物)科普一下webp格式,谷歌(google)开发的一种旨在加快加载速度的图片格式

  图片的压缩体积大约只有JPEG的2/3,并且节省大量的服务器带宽和数据空间

2、CSS选择器有哪些?

  基本选择器

    派生选择器:html标签

    id选择器:id

    类选择器:class

    属性选择器:img[alt]

  后代选择器:空格 >

  群组选择器:用 , 号隔开

  权重

  派生:1

  类选择器:10

  id选择器:100

 

3、rgba和opacity的透明度有什么不同

  opacity 作用于元素,以及元素内所有内容的透明度

  rgba 只作用于元素的颜色或者背景,rgba的子元素不会继承透明度效果

 

4、css中可以让文字垂直和水平方向上重叠的属性是什么

  垂直方向:line-height

  水平方向:letter-spacing

  那么问题来了,关于letter-spacing的妙用你知道吗

  letter-spacing 可以解决 inline-block 元素间的换行符空格间隙问题

  

  

 

 

 

 

 

 

转自  https://blog.csdn.net/m0_46374969/category_10842664.html

上一篇:中英文混版时的间距突然变大怎么通过CSS解决?


下一篇:微信小程序6位验证码输入框、隐藏光标、letter-spacing失效