CSS常见面试题




    
    优先级


    css选择器的优先级
    
  • 计算权重
  • !import
  • 内联样式
  • 优先级一样高, 后写的生效
雪碧图的原理,CSS图像合并技术, 将小图标和背景图像合并到一张图片上, 然后利用css的背景定位来显示需要显示的图片部分, 可理解为图片截取显示(坐标的移动) 雪碧图的作用
  • 减少HTTP请求数,提高加载性能
  • 减小图片大小(某些情况,有限)
自定义字体的使用场景
  • 宣传/品牌/banner等固定文案
  • 字体图标(广泛使用)
base64的使用
  • 减少HTTP请求
  • 适用于小图片
  • 体积会增大1/3
伪类和伪元素的区别
  • 伪类表示一种状态,用单冒号
  • 伪元素是真的有元素,用双冒号(before,after)
美化checkbox
  • label[for]和id
  • 隐藏原生input
  • :checked+label

你可能感兴趣的:(CSS常见面试题)