如何利用CSS对页面中的文字尺寸进行无限放大或缩小控制

html-css017

如何利用CSS对页面中的文字尺寸进行无限放大或缩小控制,第1张

最简单的 就是给你看下原理 你可以自己修改

<span style="font-size:16px" onclick="this.style.fontSize=(parseInt(this.style.fontSize.replace('px',''))+2)+'px'">单击放大文字</span>

顺便说明parseInt是把字符串变数字 replace是把取得的css属性里的px去掉 原css里字体大小使用font-size控制 在js里对这种中间有横杠的都需要把横杠去掉并把第二个单词的首字母大写

中文字体的样式都这样，数字和汉字不一样大

只能对数字单独设一个样式了，在数字上加P标签或者SPAN标签，重新定义字体样式。

也可以在CSS文件开始加上* {font-family: 幼圆,Arial, Helvetica, sans-serif}

幼圆后面的字体自己改，找适合自己的数字字体

朋友：这个是你空间名称CSS代码，找到他。

/*头部*/

#header{height:270pxbackground:url(http://imgsrc.baidu.com/css/pic/item/7573fa0948cfd0d23ac76339.jpg) no-repeat center bottom}

#header div.lc{}

#header div.rc{}

#header div.tit{top:50pxleft:400pxline-height:22pxfont-size:22pxfont-family:font-weight:boldcolor:#868686padding:1px 5px 2 5pxtext-align:right}/*博客标题*/

#header div.tit a.titlink{color:#000000font-size:22pxtext-decoration:none}

#header div.tit a.titlink:visited{color:#000000font-size:22pxtext-decoration:none}

#header div.desc{top:70pxleft:540pxcolor:#fffffffont-size:12pxfilter:alpha(opacity=80)text-align:rightdisplay:none} /*隐藏空间简介*/

==========================

#header div.tit{top:50pxleft:400pxline-height:22pxfont-size:22pxfont-family:font-weight:boldcolor:#868686padding:1px 5px 2 5pxtext-align:right}/*博客标题*/

主要在这个地方

（font-size:22px）字体大小。

（font-weight:bold）bold : 粗体。相当于number为700。也相当于b对象的作用

-----------------------------

自己可以根据具体情况修改。