CSS(全面系统讲解 工作应用--慕课)整理 二(css基础面试题)

本文深入讲解前端开发中关键技巧,包括CSS优先级、雪碧图优化、自定义字体应用、Base64编码、伪元素与伪类区别及美化checkbox方法。掌握这些技巧,将有效提升网页性能与用户体验。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、css样式(选择器)的优先级

    计算权重确定,!important,内联样式,后写的生效(优先级高)

2、雪碧图的作用

     background-position  定位,width

    1、减少HTTP请求数,提高加载性能

    2、有一些情况下可以减少图片大小(颜色旁)

3、自定义字体的使用场景

     1、宣传/品牌/banner等固定文案

     2、字体图标

4、base64使用

    1、减少http请求

    2、适用于小图片

    3、base64的体积约为原来的4/3

5、伪元素和伪类的区别

    1、伪类表示状态

    2、伪元素是真的有元素(历史遗留问题,有的是单个冒号)

    3、后者单个冒号,前者两个冒号

6、如何美化checkbox

    1、label[for]和id

    2、隐藏原生的input

    3、:checked +label

 

 

 

 

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值