我发这个帖子的目的是希望大家能够学习使用css和善于使用css，css给我们带来很大的方便。
我也是新手，很业余，我们一起学习标准吧，放弃table布局，使用标准布局。
目前我对标准的认识很少很少，使用时经常把有些元素重复定义，在ff和ie7下，就会造成页面布局变形和不规范，希望有这方面知识的朋友能写个简单的教程，让我学习学习，谢谢。
以下代码只适合使用在IE浏览器下
在使用css之前，我的做法都是在图片的img标签之后加上控制width和height的数值，这样很不方便。
使用css可以很容易的控制页面中某个指定标签中的img的大小缩放。
代码如下
img{max-width:700px;CURSOR: hand;width:expression_r(onreadystatechange=function(){if(this.width>700)this.width=700;});}
这样缩放了图片大小，限制了宽度为700，而大于700时，则自动缩小为700
想打开图片链接当然答案是肯定的，在css中也可以有这一句
ttt:expression_r(onclick=function(){window.open('pic='+this.src)})
加入前边那句的话就是
img{max-width:700px;CURSOR: hand;width:expression_r(onreadystatechange=function(){if(this.width>700)this.width=700;});ttt:expression_r(onclick=function(){window.open(this.src)})}
这样一来，当鼠标点击图片时，就打开新窗口进入图片的url了
如果不想直接打开图片url而是使用一个showpic的页面？
同样是肯定的，可以。代码如下，
img{max-width:700px;CURSOR: hand;width:expression_r(onreadystatechange=function(){if(this.width>700)this.width=700;});ttt:expression_r(onclick=function(){window.open('/showpic.html?pic='+this.src)})}
理论上来说，不使用绝对路径也是可以的，不过，如果你的所有子页面都在根目录下，你完全可以不考虑路径，我想很少有人把子页面全部放在根目录下吧，呵呵。
关于showpic.html如何去写，这里就不再详细介绍了。
这样也有一点弊病，就是会把页面中所有图片都自动加了链接，其实很容易解决。
因为如果出现了这个情况，就说明你在css中是定义了所有的img标签，在内容页里，应该有一个容器是专门装载内容的，比如说是p id="content"，这样的话只要定义content img的样式，就只有内容中出现的img才会自动缩放和加入链接了。
标签：
