摘要:
<body> <!-- h1里面嵌套a,并且有网站名,方便seo --> <h1> <a href="#">小米官网</a> </h1> </body> <style> a { display: block; width: 55px; height: 55px; background: url(lo 阅读全文
摘要:
1.怎么找到网站的图标: 网址/favicon.ico 代码引入 后续待补充>... 2.转换ico图标网站——比特虫(http://www.bitbug.net/) 阅读全文
摘要:
一、什么是字体图标: 1. 字体图标可以和图片一样改变透明度,旋转度,等等 2.本质是文字,可以改变大小颜色等等比较适用于移动端 总结;图标字体具有矢量效果,放大缩小不失真,而且可以使用CSS任意更改图标字体的颜色,能够缩小源文件的体积,减少http的请求,提高页面的性能. 二、推荐的网站: 1. 阅读全文
摘要:
首先,我们应该知道引入精灵图的原因: 具体是因为,网页上面的每张图片都要经历一次请求才能展示给用户,小的图标频繁的请求服务器,降低页面的加载速度,为了有效地减少服务器接收和发送请求的次数,提高页面的加载速度,因此,产生了css精灵技术。 其次,我们应该知道精灵图和图标字体(有文章介绍)在使用的过程中 阅读全文
摘要:
如下图所示,每个导航栏目的文字个数不一样多,有的长,有的短,如何用一张背景图片,适应不同字数”的导航条,“滑动门”设计的非常巧妙,采用两个相同的背景图像,一左一右,一个负责提供左边框,一个负责提供右边框。如下图所示,当需要容纳较多文字时,重叠就少一些,而需要较少文字时,重叠就多一些。两个图像可以滑动 阅读全文