如何利用PHP和CSS改变网页文字大小求解答

html-css011

如何利用PHP和CSS改变网页文字大小求解答,第1张

瑀esize.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

if

(!isset($_SESSION['textsize']))

{

$_SESSION['textsize']

=

'medium'}?type="text/css"

Text

size:

small

|

href="resize.php?s=medium"medium

|

large

Loremipsum

dolor

sit

amet,

consecteturadipisicingelit,

sed

do

eiusmodtemporincididuntutlabore

et

dolore

magna

aliqua.

Utenim

ad

minim

veniam,

quisnostrud

exercitation

ullamcolaboris

nisi

utaliquip

ex

ea

commodoconsequat.

Duisauteirure

dolor

in

reprehenderit

in

voluptatevelitessecillumdoloreeufugiatnullapariatur.

Excepteursintoccaecatcupidatat

non

proident,

sunt

in

culpa

qui

理解这种工作方式应该很简单了,当载入网页的时候,它恢复当前的会话,并检查$_SESSION['textsize']变量是否与当先选择的字号相符,然后通过元素动态加载相应的样式表,这将导致网页以正确的大小自动重新渲染。

在设计网站的时候,要牢记一点:并不是所有的访问者都是神采奕奕的年轻人,而且他们也不一定完全熟悉Web浏览器的各种使用方法。聪明的设计者了解这一点,他们常常将各种特殊的可访问特性融入网站的设计中,这样,即使是年长者或是残疾人士都可以方便舒适地使用网站,而不必花费额外的力气。注意:这篇指南假定您已经安装了Apache和PHP在写代码之前,花一些时间来理解文本大小调节器的工作方式是非常有益的。网站中的每个网页都包含一系列控制按钮,他们允许用户选择页面的文字大小:小号、中号和大号,每种字号都对应于一种CSS样式表,这些样式表保存了用于渲染网页文本大小的规则。当用户做出选择的时候,PHP将用户选定的字号存储在一个会话变量中,然后重新加载网页,该页面将从会话变量中读取选定的字号,并动态调用相应的样式表以更小的字号或更大的字号来重新渲染网页。过程第一步:创建网页从创建HTML文档开始,首先完成占位符的内容,列表A是一个例子:列表A:Text size: small | href="resize.php?s=medium"medium | largeLoremipsum dolor sit amet,consecteturadipisicingelit, sed do eiusmodtemporincididuntutlabore et doloremagna aliqua. Utenimad minim veniam, quisnostrud exercitation ullamcolaboris nisi utaliquip ex eacommodoconsequat.Duisauteirure dolor in reprehenderit involuptatevelitessecillumdoloreeufugiatnullapariatur.Excepteursintoccaecatcupidatat non proident, sunt in culpa quiofficiadeseruntmollitanim id estlaborum.对页面顶部的文字超链接要特别注意,每个超链接都指向了名为resize.php的脚本文件,并通过URL GET方法将选定的字体大小传递给它。在您的Web服务器目录中以.php的扩展名来保存这个文档,例如,index.php。第二步:创建样式表接下来,为每种文字大小创建样式表文件:small.css, medium.css和large.css,这是small.css的文件内容:body {font: 10px}同样,可以创建medium.css和large.css,分别使用17px和25px,将这些样式表文件和上一步创建的网页保存在同一个目录中。第三步:创建文本大小的改变机制

直接在CSS文件中改变对应的属性就是啊   CSS字体大小的属性为

.icon-adduser {

    font-size: 10px//字体大小

}