font: 10px
}

同样，可以创建 medium.

css  

和 large.

css

，分别使用 17px 和 25px，将这些样式表文件

和上一步创建的网页保存在同一个目录中。

第三步：创建文本大小的改变机制

正如上文介绍的，网页通过查找预先定义的会话变量可以"知道"加载哪个样式表文件，
会话变量是通过脚本文件 resize.

php  

来控制的（参见列表 B），该文件是在用户点击了网

页顶部改变文字大小的按钮时激活的，这是 resize.

php  

的内容：

 
列表 B
// start session
// import selected size into session
session_start();
$_SESSION['textsize'] = $_GET['s'];
header("Location: " . $_SERVER['HTTP_REFERER']);
?>
 
这很简单，当用户选择了一种新的文本大小，resize.

php  

通过 GET 方法来获得字号的值，

并将其存储在会话变量$_SESSION['textsize']中，然后将浏览器重新定向到原来打开的哪
个页面。
 
当然，这里还缺少一个组件：智能化得让网页自动检测现在用户现在选定的文本大小并
加载相应的样式表，为加入这一功能，打开您的网页文件 index.

php

，并将以下语句加入

到文件的开头（参见列表 C）：
 

列表 C

// start session
// import variables
session_start();
// set default text size for this page
if (!isset($_SESSION['textsize'])) {
$_SESSION['textsize'] = 'medium';
}
?>
 
You should also add a stylesheet link between the ... elements, as follows:
type="text/css">
 
这是列表 D，完整的 index.

php  

文件应该是这样的：

列表 D:
// start session
// import variables
session_start();
// set default text size for this page