4、CSS
用于文档打印
许多网站上都有一个针对打印的版本,但实际上这并不需要,因为可以用
CSS 来设定打印
风格。
也就是说,可以为页面指定两个
CSS
文件,一个用于屏幕显示,一个用于打印:
<link
type="text/css"
rel="stylesheet"
href="stylesheet.css"
media="screen" />
<link type="text/css" rel="stylesheet" href="printstyle.css" media="print" />
第
1 行就是显示,第 2 行是打印,注意其中的 media
属性。
但应该在打印
CSS 中写什么东西呢?你可以按设计普通 CSS 的方法来设定它。设计的同时
就可以把这个
CSS 设成显示 CSS
来检查它的效果。也许你会使用
display: none 这个命令
“
”
来关掉一些装饰图片,再关掉一些导航按钮。要想了解更多,可以看 打印差异 这一篇。
5
、图片替换技巧
一般都建议用标准的
HTML 来显示文字,而不要使用图片,这样不但快,也更具可读性。但
如果你想用一些特殊字体时,就只能用图片了。
比如你想整个卖东西的图标,你就用了这个图片:
<h1><img src="widget-image.gif" alt="Buy widgets" /></h1>
这当然可以,但对搜索引擎来说,和正常文字相比,它们对
alt 里面的替换文字几乎没有兴
趣这是因为许多设计者在这里放许多关键词来骗搜索引擎。所以方法应该是这样的:
<h1>Buy widgets</h1>
但这样就没有特殊字体了。要想达到同样效果,可以这样设计
CSS
:
h1
{
background: url(widget-image.gif) no-repeat;
height: image height
text-indent: -2000px
}
注意把
image height 换成真的图片的高度。这里,图片会当作背景显示出来,而真正的文
字由于设定了
-2000 像素这个缩进,它们会出现在屏幕左边 2000 点的地方,就看不见了。
但这对于关闭图片的人来说,可能全部看不到了,这点要注意。
6、CSS box
模型的另一种调整技巧
这个
Box 模型的调整主要是针对 IE6 之前的 IE 浏览器的,它们把边界宽度和空白都算在元