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

来源:百度知道 编辑:UC知道 时间:2024/06/14 12:58:58
这个页面中有很多层,每个层中都有自己的css,也有自己的字体,怎样可以把页面中的所有字体在原来大小上同时增加,或减小

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

我觉得 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