03 2024 档案
摘要:CSS可以通过伪类选择器来自定义滚动条的样式。下面是一些常用的属性及其对应的值: ::-webkit-scrollbar:设置整个滚动条的样式。 ::-webkit-scrollbar-thumb:设置滑块(也称为滚动条上的按钮)的样式。 ::-webkit-scrollbar-track:设置轨道
阅读全文
摘要:CSS Sprite CSS Sprite也叫CSS精灵图,CSS雪碧图 是一种网页图片应用处理方式。他允许你将一个页面涉及到的所有零星图片都包含到一张大图上面去 优点 1,减少图片字节 2,减少网页的http请求,从而大大提高页面的性能 原理 1,通过background-image引入背景图片
阅读全文
摘要:字体图标 我们会经常用到一些图标。但是我们在使用这些图标时,往往会遇到失帧的情况,而且图片数量很多的话,页面加载的就越慢。所以,我们可以使用字体图标的方式来显示图标,即解决的了失帧的问题,又解决的图片占用资源的问题, 常用的字体图标库:阿里字体图标库:https://www.iconfont.cn/
阅读全文
摘要:媒体查询(媒介查询) 媒体查询可以在不用的条件下使用不同的样式 媒体查询能使页面在不同终端设备下达到不同的效果 媒体查询会根据设备的大小自动识别加载不同样式 设置meta标签 使用设备的宽度作为试图宽度并禁止初始的缩放。在<head>标签里加meta标签。 <meta name=“viewport”
阅读全文