- 浏览: 16154 次
1、css中的图片以背景图形式存在,写在html中的图片以标签形式的存在。而在网页加载过程中,以css背景存在的图片会等到html结构加载完成才开始加载,而html中的img标签是网页结构(内容)的一部分会在加载结构的过程中加载。
在一个单纯由html和css组成的页面中,背景图片总是最后加载的,那么假如我们想要使用较小的背景图片作为占位符,用于在家在较大的图片或者flash文件时给用户以提示,大部分时候恐怕是达不到效果的,因为背景图片有时候甚至会在大图片或flash文件加载完成之后才会被加载。
2、通常非内容的图片(即用来修饰页面的元素)就写在css里,如果是内容性的图片就写在html中,比如,你要做一个漂亮相框的相册,那么修饰边框的图片就写在css里,相框里的内容照片就在html里。
3、图片作为背景,在图片没有加载或者加载失败时,不会有个图片的占位标记,不会出现红叉。
在一个单纯由html和css组成的页面中,背景图片总是最后加载的,那么假如我们想要使用较小的背景图片作为占位符,用于在家在较大的图片或者flash文件时给用户以提示,大部分时候恐怕是达不到效果的,因为背景图片有时候甚至会在大图片或flash文件加载完成之后才会被加载。
2、通常非内容的图片(即用来修饰页面的元素)就写在css里,如果是内容性的图片就写在html中,比如,你要做一个漂亮相框的相册,那么修饰边框的图片就写在css里,相框里的内容照片就在html里。
3、图片作为背景,在图片没有加载或者加载失败时,不会有个图片的占位标记,不会出现红叉。
发表评论
-
audio 音频格式测试数据
2017-09-20 16:15 488压缩包内含 wav格式语音,aac 格式语音和H.264 格式 ... -
web 端录音
2017-09-12 17:22 437<!DOCTYPE html> <ht ... -
js 获取浏览器类型和版本
2017-09-12 16:03 547function getExplore(){ var ... -
本地存储——cookie
2017-02-09 11:44 356cookie是客户端用来存储数据的一种选项,既可以设 ... -
本地存储的方式对比
2017-02-08 15:51 862本地存储方式有很多种,cookie、loca ... -
sublime text3 中文乱码
2016-11-29 17:19 362换了一个编译器,sublime text3, 但是存在中文乱码 ... -
HTTP 的三次握手和四次挥手
2016-10-12 16:04 371网络由下往上分为7层:物理层、数据链路层、网 ... -
SpriteSpin 一款图像360度旋转的jquery插件
2016-10-11 15:00 623在 web 页面上使用 jQuery 图像 36 ... -
Js冒泡排序
2016-09-29 17:02 305冒泡排序的原理是这样的,比方说有五个数字5432 ... -
圆形进度条(假的无限循环)
2016-08-30 11:21 912<div id="outer"& ... -
转载实用假进度条
2016-08-29 15:16 1446这是一款超酷CSS3 loading加载动画特效。该loadi ... -
hmtl 中div宽度不定时如何居中
2016-08-24 17:00 330传统的div居中方式margin: 0 auto;在div ... -
幻灯片式的图片点击切换
2016-08-16 17:09 315这是一款非常酷的纯css3响应式背景视觉差幻灯片插件。插件中使 ... -
工作后的第一篇博客
2016-08-16 10:59 340已经上班一个月零十一天了,也毕业两个月零十天了, ... -
JS性能优化的问题
2016-06-26 21:51 379一些关于JS性能的一些优化的小技巧: 1.关于JS的循环,循 ... -
前端中的MVC
2016-06-26 13:06 323标签: MVC是一种设计 ... -
手机页面自适应问题的解决方法(转)
2016-06-25 21:50 335其实主要就是改掉HTML页面声明: 在网页中加入以下代码, ... -
常见浏览器兼容问题(转载)
2016-06-25 21:30 274浏览器兼容问题一:不同浏览器的标签默认的margin和padd ... -
个人总结(二)
2016-06-20 15:04 317主流浏览器之间的差异: 谷歌浏览器Chrome支持自定义计划处 ... -
个人总结
2016-06-20 14:52 297H4和H5 的区别: h4的内容标签级别相同,无法区分各部分内 ...
相关推荐
postcss-auto-imgmq 根据图片名或图片路径自动添加媒体查询到样式表 常见场景 retina屏高清图片自动适配 根据屏幕尺寸替换背景图片 其他媒体查询条件相关图片样式自动生成 如何使用 1.从npm安装 npm install -D post...
将背景图等比放大,直到背景图完全覆盖到元素的所有区域为止 4.contain 将背景图等比放大;直到背景图片碰到某个边缘位置 5.背景图片固定 作用:将普片固定在网页在某个位置,一直在可视区域内,不会随着 ...
制作一个静态网页,有三种风格,实现一键切换风格。字体:黑体 960px*130px 。 <style type="text/css"> img{ position:absolute; left:150px; top:-20px;... <img src="背景1.png" /> <body>
/img 系统使用的图片文件夹 第22章(/ch22) 程序描述:本章将利用开源框架Prototype,讲述如何在网页中实现Windows关机效果,使读者对Prototype框架有进一步的认识。 /lightbox.html 仿Window关机...
建议直接设置textarea的css背景 备注:v1.1.1新添加 loadCSS:加载样式 参数值:URL地址、URL数组以及直接内部样式,例如:'1.css'、['1.css','2.css']、'<style>body{font-size:20px;}</style>' ...
延迟加载(无需任何手动修改): 通过img或图片插入的picture ,帖子,页面,自定义帖子类型,文本小部件等发布缩略图。 内联背景图像。 或通过处理完整标记的选项,标记中的所有图像和其他启用的媒体(未排除或...
alternate_table_rows 使表格中行与行之间的背景色交替变换 print 支持三种打印页面连接,文字连接、图片连接 preloaddisplay 预先加载页面,如果你的网站下载的速度比较慢,用这个比较好。 swftext 将Drm和Flash...
使表格中行与行之间的背景色交替变换 print 支持三种打印页面连接,文字连接、图片连接 preloaddisplay 预先加载页面,如果你的网站下载的速度比较慢,用这个比较好。 swftext 将Drm和Flash结合起来了,选择文本,...
- 图片允许批定高度和宽度,格式为[IMG=边框粗细,排版方式,高度,宽度] - 允许单独指定文字的背景色,格式为[BGCOLOR=颜色]文字 221. 对来访用户浏览器及系统使用信息作了更新,现在将更准确 222. 预览帖子不需要...
提示:jQuery 使用的语法是 XPath 与 CSS 选择器语法的组合。在本教程接下来的章节,您将学习到更多有关选择器的语法。 文档就绪函数 您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready ...
Ozh'Tweet存档主题这是一个WordPress主题,旨在... 编辑style.css和/或将图像上传到wp-content / themes / ozh-tweet-archive-theme-master / img /。 关键图像是new-profile.jpg(您的头像)和1500x500.png(背景)。
logo图片位于img/kuaidiwo.png,采用的是背景调用,请根据自己爱好修改。 ================================= 如何增加快递公司查询项? 比如我想增加一个圆通快递的查询,请按如下步骤进行(只是举例 请根据...
4) 新增按键形式的控件状态栏,可通过toolbar.css样式文件控制其外观,并且按键形式的状态栏为默认状态栏,可通过新增的ImageStatusBar属性设置为True来换回以前图像形式的状态栏。 5) 将粘贴功能区分为粘贴...
颜色、图像及背景 <br>11.1 颜色基础 <br>11.2 Web上的颜色 <br>11.2.1 比特深度 <br>11.2.2 在Web上定义颜色 <br>11.2.3 浏览器安全颜色 <br>11.2.4 混合色 <br>11.2.5 HTML和颜色 ...
颜色、图像及背景 <br>11.1 颜色基础 <br>11.2 Web上的颜色 <br>11.2.1 比特深度 <br>11.2.2 在Web上定义颜色 <br>11.2.3 浏览器安全颜色 <br>11.2.4 混合色 <br>11.2.5 HTML和颜色 ...
透明背景 <IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe> 获得style内容 obj.style.cssText HTML标签 document.documentElement.innerHTML 第一个style标签 document.styleSheets...