image

<img src="" alt="">alt用于占位。图片未下载完时，显示文本用
trick
<a><img></a>时，会有border。img{border:0}
width 和height
应该指定，浏览器在渲染时，会根据这两个值计算图片的高度和宽度。可在css，或直接在页面上指明。
backgroud image
元素的背景。
background-attachment:用于指明图片是否滚动或固定.fixed，scroll
background-repeat:水平或垂直方向重复。repeat-x repeat-y
background-position:默认从左上角（top left）开始。这里可以指明
缩写
background-color,backgorund-image,b-repeat,b-attachment,b-position
css 圆角
用图片代替文字
主要用于标题。用设计好的图片代替文字。
方法一：<h1><span>标题</span></h1> span的css为span{display:block;height:0;overflow:hidden}
方法二：不用span，用文本缩进
<h1>标题</h1> h1{width,height,background-image,font-size:1px;text-indent:-999em;}缺点：图片未下载时，没有文字内容
方法三：<h1><span></span>sdfsf<h1>
h1{
position:realtive;
width:500px;
height:200px;
font-size:50px;
}
span{
position:absolute;
top:0;
width:500px;
height:200px;
background-image:url
}
缺点：图片必须不透明，字体大小必须小于图片