改变字体(html,css,javascript)

原创 2012年03月21日 16:55:02

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
   .max{
      font-size:28px;
   color:red;
   background-color:#9F9;
   }
   .norm{
     font-size:16px;
  color:green;
  background-color:#F96;
   }
   .min{
       font-size:10px;
    color:yellow;
    background-color:#99C;=
   }
</style>
<script type="text/javascript">
 function changfont(size){
   var divnode=document.getElementById("newid");
   //divnode.style.fontSize=size+"px";
   divnode.className=size;
 }
</script>
</head>

<body>
<h2>新闻标题</h2>
<a href="javascript:void(0)" onclick="changfont('max')">大</a>
<a href="javascript:void(0)" onclick="changfont('norm')">中</a>
<a href="javascript:void(0)" onclick="changfont('min')">小</a>
<hr />
<div id="newid" class="max">
发生了加快速度将法拉克解放路口时就按<br />
发生了加快速度将法拉克解放路口时就按<br />
发生了加快速度将法拉克解放路口时就按<br />
发生了加快速度将法拉克解放路口时就按<br />
发生了加快速度将法拉克解放路口时就按<br />
发生了加快速度将法拉克解放路口时就按<br />
</body>
</html>

版权声明:本文为博主原创文章,未经博主允许不得转载。

CSS+HTML实例集合一,改变字体(样式,大小),overflow布局属性(如显示隐藏文字等),列表的展开闭合

改变字体(样式,大小) 无标题文档 a:link,a:visited{/*设置点击前,点击后a标签样式一样*/ color:#FF9900;/*颜色*/ text-deco...

JavaScript HTML DOM - 改变 CSS

改变 HTML 样式 如需改变 HTML 元素的样式,请使用这个语法: document.getElementById(id).style.property=new style 例子 1 下面的例子...
  • ling811
  • ling811
  • 2013年12月10日 13:07
  • 626

HTML,CSS,font-family:中文字体的英文名称 (宋体 微软雅黑)

HTML,CSS,font-family:中文字体的英文名称 (宋体 微软雅黑)
  • ldl_xz
  • ldl_xz
  • 2016年05月25日 21:45
  • 279

【html】css字体样式

HTML里面FONT元素可以设置字体的大年夜小,字体,色彩等样式.B元素和Strong元素都可以设置文字为粗体;I元素和EM元素都可以设置为斜体. 最根基样式: 一字体 在HTML中可利用font f...

HTML,CSS,font-family:中文字体的英文名称

HTML,CSS,font-family:中文字体的英文名称 宋体 SimSun 黑体 SimHei 微软雅黑 Microsoft YaHei 微软正黑体 Microsoft J...
  • male09
  • male09
  • 2017年03月31日 22:13
  • 128

针对谷歌默认最小字体12px的正确解决方案 (css、html)

今天晨会,产品要求把以前12px的字体改小一点,我心想这有什么难的,就随口答应了。哪知,改css的时候,谷歌浏览器中font-size小于12px时,字体就不会再缩小了。当时我的第一反应就是会不会是其...

HTML,CSS,font-family:中文字体的英文名称

宋体 SimSun 黑体 SimHei 微软雅黑 Microsoft YaHei 微软正黑体 Microsoft JhengHei 新宋体 NSimSun 新细明体 PMingLi...

HTML,CSS,font-family:中文字体的英文名称 (宋体 微软雅黑)

宋体 SimSun 黑体 SimHei 微软雅黑 Microsoft YaHei 微软正黑体 Microsoft JhengHei 新宋体 NSimSun 新细明体 PMingLi...

HTML,CSS字体英文

宋体 SimSun 黑体 SimHei 微软雅黑 Microsoft YaHei 微软正黑体 Microsoft JhengHei 新宋体 NSimS...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:改变字体(html,css,javascript)
举报原因:
原因补充:

(最多只允许输入30个字)