我发这个帖子的目的是希望大家能够学习使用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才会自动缩放和加入链接了。