怎样用CSS控件页面中同时改变所有字体大小

这个页面中有很多层，每个层中都有自己的css，也有自己的字体，怎样可以把页面中的所有字体在原来大小上同时增加，或减小

css的规则，先内后外（行内样式--内嵌样式--外部样式）
如果每个层中的css是行内样式，那就必须一个一个的改行内样式。
如果每个层中的css是内嵌样式，那稍简单点，更改每一个内嵌样式的字体
如果引用外部样式，就好办多了，直接改.css文件就ok了

制作网页时怎么改变连接字体的大小， css文件里面的样式 a{font-size:12px;} a:hover{font-size:14px;} 页面里面的链接 链接文字 怎么同时在一个页面中设置多种连接字体大小？ css文件里面的样式 .text a{font-size:12px;} .text a:hover{font-size:14px;} .text1 a{font-size:12px;} .text1 a:hover{font-size:15px;} 页面里面的链接 链接文字2 链接文字3 其他的都是一样的，只要你是要用到的链接文字，都可以在css里面定制一个你自己需要的样式！ 还有问题加我qq860360530

<style type="text/css"> body {font-size:16px ;} </style>1. 直接在网站头部 head中加入以上代码（根据需求修改16px） 2. 在CSS 文件中 加入 body {font-size:16px ;}3. 如果需要 某个标签中的字变大或者变小 a{font-size:16px ;} p{font-size:16px ;}<!--具体根据需求-->

我觉得 CSS 比较难实现,建议用 js 来做. 遍历页面所有div层元素, 设置 fontsize = 当前的fontsize + 1; 把以下代码存成 html 文件即可以看到效果. <script type="text/javascript" language="javascript"> function enlargeFontSize(){ var elements = document.getElementsByTagName("div"); for (var i=0; i<elements.length; i++) { var tmp = elements[i].style.fontSize; tmp = Number(tmp.replace("px",""))+1; elements[i].style.fontSize = tmp; } } </script> <input type="button" value="所有文字加一号" onclick="javascript:enlargeFontSize();"> <br /> <div style="font-size:14px;"> 测试文字1 </div> <br /> <div style="font-size:18px;"> 测试文字2 </div>