列表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

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

officiadeseruntmollitanim id estlaborum.

理解这种工作方式应该很简单了,当载入网页的时候,它恢复当前的会话,并检查$_SESSION['textsize']变量是否与当先选择的字号相符,然后通过元素动态加载相应的样式表,这将导致网页以正确的大小自动重新渲染。 联合使用PHP和CSS与传统的方式略有不同,传统方式是使用javascript来动态改变CSS样式表,相对于JavaScript方法,PHP方法的优势在于您不需要依赖客户端对JavaScript的支持,您也不需担心专门创建针对某个浏览器的工作,也许下一次您坐下来设计网站的时候会发现这种方法很有效,祝编程愉快!

怎么用PHP修改文字大小,如何利用PHP和CSS改变网页文字大小相关推荐

  1. html怎么将文字隐藏,教你如何用CSS实现网页文字隐藏

    现在的网页设计越来越动态化,如果我们既想实现网页的动态化,又要兼顾友好搜索引擎,就不得不对网页添加一些文字,但这些文字的存在明显与我们动态网页的风格格格不入.怎么办呢?解决的方法是把这些文字进行隐藏. ...

  2. php字体大小_PHP中改变网页文字大小代码

    今天给大家介绍一点基础一点的东西,PHP中改变网页文字大小的实现,其实实现起来很简单,熟悉一点PHP和CSS就能很快的实现我们想要的效果. 文本大小调节器是最有效的可访问特性中的一个,任何网站都可能需 ...

  3. 黑色白色文字阴影HTML,利用css3的text-shadow属性实现文字阴影乳白效果

    现在CSS3+html5的网页应用的越来越广泛了.很多网页中的字体同样可以用CSS3来实现炫酷的效果. 下面就介绍一下利用css3的text-shadow属性实现文字阴影乳白效果.这是在设计达人上面看 ...

  4. css改变鼠标图片大小,CSS实现鼠标经过图片上图片等比缩放效果(代码实例)

    本篇文章给大家带来的内容是关于如何使用CSS实现鼠标经过图片上图片缩放(缓慢变化,有过渡效果,缩放的过程是有动画过渡的)效果,主要用到CSS transform属性,css3 transition属性 ...

  5. html文字左右自动对齐,小技巧:CSS如何实现文字两端对齐

    原标题:小技巧:CSS如何实现文字两端对齐 需求如下,红框所在的文字有四个字的.三个字的.两个字的,如果不两端对齐可以选择居中对齐,或者右对齐.但是如果要像下面这样两端对齐呢? 我相信以前很多人都这么 ...

  6. html文字依次显示,利用定时器和css3动画制作文字依次渐变显示的效果

    如上图,这种效果看着是不是挺"柔"的 附代码 文字一次渐变出现 body{ background-color: #333333; padding: 20px; -webkit-bo ...

  7. css动画中文字慢慢显示,利用定时器和css3动画制作文字依次渐变显示的效果

    如上图,这种效果看着是不是挺"柔"的 附代码 文字一次渐变出现 body{ background-color: #333333; padding: 20px; -webkit-bo ...

  8. html点击文字下拉,利用jQuery实现可输入搜索文字的下拉框

    先看效果 功能:点击下拉框输入框时,自动显示下面的下拉列表,而且是根据输入框中输入的搜索添加,自动在后台查找,然后传到前台,展现页面. 用的的js: var $xialaSELECT; $(docum ...

  9. html中文字怎么自动排版,了解HTML CSS格式化排版 文字排版

    java调用url接口 很多简单的接口就是直接一个URl的形式, 怎么调用? HttpClient httpclient=null; PostMethod post=null; try{ httpcl ...

最新文章

  1. 关于学习Python的一点学习总结(42->继承list)
  2. 结合深度学习的图像修复怎么实现?
  3. guid主分区表损坏怎么办_遇到水泥球磨机温度升高的现象应该怎么办
  4. LVS的三种负载均衡以及高可用原理(VS/NAT、VS/TUN、VS/DR)
  5. Leaflet中通过setStyle实现图形样式编辑
  6. php中args,PHP中的重载,即__call($name , $args)的使用
  7. python stdout清空_python中stdout输出不缓存的设置方法
  8. 华为已经升级鸿蒙系统的机型,鸿蒙系统名单已确认!覆盖55款机型,这些手机将被淘汰!...
  9. 大连交通大学计算机网络作业,计算机网络题库(大连交通大学)chapter4
  10. python培训学费多少钱-福州Python培训大概多少钱?
  11. Spotfire 表达式中的属性
  12. java字符串去空格、制表符、换页符
  13. 电脑代理上网和共享上网
  14. System/360 大型机差点毁了 IBM !
  15. 1.深入.NET框架
  16. Codeforces Round #796 (Div. 2)
  17. 傅里叶变换解析-来龙去脉全解析
  18. stream流的应用与并行流
  19. 【 非线性回归 Logistics-Regression 模块实现与源码解读 深度学习 Pytorch笔记 B站刘二大人(5/10)】
  20. ABAP-1-会计凭证批量数据导入本地ACCESS

热门文章

  1. win10使用docker desktop安装k8s一直starting解决方法
  2. shell脚本一键同时推送代码至github和gitee
  3. 6、Flutter Error waiting for a debug connection: ProcessException: adb did not report f(转)
  4. Android 扫描二维码demo
  5. python3 装饰器参数_Learn Python 3:装饰器
  6. 正则高级用法-分组group+替换
  7. centos7配置jdk1.8环境变量
  8. c语言判断字符配对,【C语言】判断花括号{}是否匹配
  9. web----tcp三次握手
  10. matplotlib的颜色和控制条