网页制作一点通(19)

站长空间

灵活运用样式表

通常在使用样式表美化网页的时候,都是写成"class='xxxx'"的格式。但是如果要制作的网站比较复杂、庞大,还是这样处理的话,那么样式表文件就会变得越来越大,而浏览效率也会下降。这里教大家一种更高级的写法:class="xxx1 xxx2 xxx3 …"。这样写的作用是使用多个样式来美化同一个网页元素。 我们可以将不同的样式归类起来,然后分别引用,既简单又方便,真是一举两得。如:class="px12 red",代表字体大小为12px,颜色为红色。而且其中的样式还同样可以用于构成其他样式。

使用图片“遮罩”

使用图片修饰网页的时候,如果还是使用矩形的图片,那就太落伍了。我们可以尝试使用多边形、圆形等轮廓的图片,达到与别不同的效果。但是如果图片已经做成矩形的了,是不是需要重新处理一次呢?不需要,我们只需要制作几款透明空心的几何图案的gif格式图像,然后将特别效果的图片作为背景,gif图像覆盖在上面,这样看起来图像就像拥有几何轮廓了。

iframe高度自适应

通常我们使用iframe的时候,高度是定好的,但是如果引用的文件的高度大于预定好的高度的话,就会出现滚动条,显得很难看。怎样才能让iframe的高度自动适应所引用网页的高度,做到美观大方呢?我们只要在引用的网页里面加上如下代码就可以了:<body onload="parent.document.all.frame1.style.height=document.body.scrollHeight">。其中iframe1 是 iframe 的 name 。