侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130562 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

CSS 多个图标的优化

2024-05-14 星期二 / 0 评论 / 0 点赞 / 97 阅读 / 1168 字

CSS 多个图标的优化 今天去查看了一下WEBQQ音乐的前台源码,发现它对播放器的图标只是用了一张图片,发现这是一个很好的一个CSS优化的切入点,于是,就实现了一下,整个代码如下: <!DOCTY

                                                          CSS   多个图标的优化

今天去查看了一下WEBQQ音乐的前台源码,发现它对播放器的图标只是用了一张图片,发现这是一个很好的一个CSS优化的切入点,于是,就实现了一下,整个代码如下:

<!DOCTYPE html><html>	<head>		<meta charset="UTF-8">		<title></title>		<link rel="stylesheet" href="css/backgroud-color.css" />	</head>	<body>	    <div id ="test">nihao</div>	</body></html>css页面:#test{	width: 22px;    height: 115px;	background: url(../img/player_bg.png) no-repeat -46px 0px;}

对于整个页面所用的图标很多时候可以使用一张图片,这个简单的CSS优化就可以做到了。

实验效果自己实现一下就可以看到了。

广告 广告

评论区