Image

l<img src=“a.jpg”/>注意图片是链接的，不是插入的，所以如果src指向的文件不存在了，就看不了了。alt属性为图片无法显示时的显示文本，鼠标方式去也会有悬浮提示“点击查看大图”；title用来显示当鼠标放到图片上时显示的文字；border属性指定边框，border="0"不显示边框；width、height属性指定图片的显示大小，如果不指定则是图片的原始大小。
l最好指定width、height，哪怕是原始尺寸大小，因为如果不指定大小，图片会不占位置，图片下载后才调整大小，会造成页面很乱。如果指定了width、height哪怕图片没有加载完成，也会先把位置占上。
l如果网页上要显示小图（比如缩略图），不要仅仅是把大图设定一下width、height来缩小(并未真正缩小，只是显示的小了，还是占有原来那么大的兆数)，因为仍然会下载大图，会使得加载速度很慢。
l易错，不要以为把bmp后缀改为jpg就是改文件格式了，（需要通过图片编辑软件另存为jpg格式才是真正地jpg格式）

知识补充

lpx (Pixel)单位名称为像素，相对长度单位，像素（px）是相对于显示器屏幕分辨率而言的（随着屏幕分辨率而变化，比如：屏幕分辨率为1024*768，就把宽分为1024份，高分为768份，那么1px就占一份）,国内推荐； QQ截图也是使用PX作为长度宽度单位。
lem单位名称为相对长度单位。相对于当前对象内文本的字体尺寸的多少倍，国外使用比较多；
View Code 
 1 <html>
 2     <head>
 3         <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
 4         <title>CSS长度与单位，em相对高度</title>        
 5         <style type="text/css" media="all">
 6             div
 7             {
 8                 font-size: 12px;//当前字体的大小
 9                 height: 5em;//相对于当前字体大小的5倍
10                 border: thick solid red;
11             }
12         </style>
13     </head>
14     <body>
15         <div>
16             div中定义了12px的字体，div的高度为字体的5倍
17         </div>
18 
19     </body>
20 </html>

 

如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。
 
posted @ 2013-03-20 14:37  Big.Eagle  阅读(181)  评论(0)    收藏  举报