再现理想 发表于 2015-1-15 23:55:26

来一发CSS Sprites网页图片整合办法

一个样式规则由一个选择器后跟一个声明块组成,声明块是一个大容器,由大括号中间的部分组成,声明块中间的空间会被忽略。
网页制造poluoluo文章简介:起首将小图片整合到一张年夜的图片上,然后依据详细图标在年夜图上的地位,给背景定位。background-position:-8px-95px.
论坛上提到如许的成绩:“css顶用一张背景图做页面的手艺有甚么上风?”
复杂先容一下CSSSprites的长处:
当用户往U盘中拷200张图片,会等好久。可是假如弄成一个文件,再拷贝就会快良多。
CSSSprites的目标就是经由过程整合图片,削减对服务器的哀求数目,从而加速页面加载速率。

完成办法:

[*]起首将小图片整合到一张年夜的图片上
[*]然后依据详细图标在年夜图上的地位,给背景定位。background-position:-8px-95px;

标准的选择器不能格式化一个元素内容的第一个字母或者第一行,而伪元素选择器能实现

蒙在股里 发表于 2015-1-17 23:50:12

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。

乐观 发表于 2015-1-25 16:36:48

是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。

仓酷云 发表于 2015-2-3 11:43:26

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。

不帅 发表于 2015-2-8 21:41:43

直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。

山那边是海 发表于 2015-2-26 11:40:07

不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。

若相依 发表于 2015-3-8 14:41:00

使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。

简单生活 发表于 2015-3-16 03:36:53

在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。

莫相离 发表于 2015-3-22 20:10:45

每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
页: [1]
查看完整版本: 来一发CSS Sprites网页图片整合办法