网站移动端网页打开速度教程 秒杀＂百度闪电算法＂

　　上面的代码在HTML文件中会生效，但不会在样式表中生效，若在一个样式表中嵌入SVG文件，需要先将它转换为一个数据URI，如果这样做，我们需要从编辑器中(一定要包括元数据)拷贝出，用base64编码，然后使用以下格式嵌入样式表:

　　data:image/svg+xml[;base64],[data]

　　这是代码：

　　background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0i

　　MS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx

　　1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOi

　　A2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL

　　0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8x

　　LjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzE

　　iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Im

　　h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3a

　　WR0aD0iMTcuODEycHgiIGhlaWdodD0iMjguNjY0cHgiIHZpZXdCb3g9IjI5Ni42NDEg

　　MzgxLjY4OCAxNy44MTIgMjguNjY0Ig0KCSBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDI

　　5Ni42NDEgMzgxLjY4OCAxNy44MTIgMjguNjY0IiB4bWw6c3BhY2U9InByZXNlcnZlIj

　　4NCjxwYXRoIGZpbGw9IiNFRTFDNEUiIGQ9Ik0zMTQuNDI4LDQwMS4wODJjLTAuNDQzL

　　TUuNDg5LTUuMTQ2LTkuNTIyLTcuNTItMTQuMTg2Yy0wLjgxNi0xLjU5Ny0xLjM1Mi01

　　LjIwOC0xLjM1Mi01LjIwOA0KCXMtMC41NTUsMy43OTItMS4zODgsNS40MjVjLTIuMjM

　　zLDQuMzcxLTcuMTI3LDguOTk5LTcuNTA3LDE0LjA0N2MtMC4zNiw0Ljc5NCw0LjEwMS

　　w5LjE5MSw4Ljg5Niw5LjE5MQ0KCUMzMTAuNDksNDEwLjM1NCwzMTQuODE2LDQwNS45N

　　DEsMzE0LjQyOCw0MDEuMDgyeiIvPg0KPC9zdmc+DQo=);

　　8、Sprites图

　　Sprites(雪碧图)技术可以把经常使用的图片合成为一张图片，从而减少http请求，比如当你将四张图片合成到一个sprite中后，http请求从4减少到1，需要显示的图片利用background-position属性来控制。

　　9、字体图标

　　字体图标是利用字体文件来包含符号和图表(如Wingdings或Webdings 都是某种图标字体)，可以用来代替加载一个图像文件，例如，下面的图标不是一个图像，而是Wingdings字体中的“h”字符:

　　Wingdings和Webdings有点过气了，现在有其他更专业的Web字体可用的，可以通过font-face加载。

　　单独的Web字体，对于所有图标来讲，HTTP请求的数量可以减少到一个，如果Web字体使用数据URI(如上所述)嵌入页面，HTTP请求可以减少到零，这正是WordPress使用的技术，这是他们样式表中嵌入的web字体：

　　WordPress访问所有这些图标，不会有任何额外的HTTP请求，因为图标通过数据URI，以Web字体的方式嵌入到WordPress的样式表中。

（编辑：宿州站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!