以下示例均为html文件，保存至本地就可直接用浏览器打开以查看效果\(^o^)/~
练习一：设置新闻字体
![]()
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
5 <title>字体样式选择</title>
6 <style type="text/css">
7 a:link,a:visited{
8 text-decoration:none;//取消下划线
9 }
10 #newsText{
11 border: #CC0033 double 2px;
12 width:800px;
13 }
14 p{
15 text-indent:2em;//首行缩进
16 }
17 .max{
18 font-size:36px;
19 color:#666699;
20 }
21 .mid{
22 font-size:18px;
23 color:#6666FF;
24 }
25 .min{
26 font-size:13px;
27 color:#3399FF;
28 }
29 </style>
30 </head>
31 <body>
32 <script type="text/javascript">
33 function changeFont(className){
34 var divNode = document.getElementById("newsText");
35 divNode.className = className;
36 }
37 </script>
38 <h2 style="color:#FF0000">【念念有余】马云的达摩院想干嘛？</h2>
39 <a href="javascript:void(0)" onclick="changeFont('max')">大字体</a>
40 <a href="javascript:void(0)" onclick="changeFont('mid')">中字体</a>
41 <a href="javascript:void(0)" onclick="changeFont('min')">小字体</a>
42 <hr style="border:#99FF00 solid 1px"/>
43 <div >
44 <p>
45 两个着传统武打装扮的年轻人，斜步蹲身，一起擎出一个硕大的牌匾来，中间三个遒劲有力的字正是“达摩院”。
46 </p>
47 <p><img src="http://p0.ifengimg.com/pmop/2017/1014/BC710B82FEC535D27C6728240C1B20ED367433A7_size34_w500_h333.jpeg"/></p>
48 <p>马云说，要搞电商，于是有了阿里巴巴；马云说，要有网上支付，于是有了支付宝，有了蚂蚁金服；
49 马云说，要有云计算，于是到处是云计算。现在马云说，要有达摩院，于是，达摩院的牌子挂起来了。
50 </p>
51 <p>
52 10月11日开幕的2017云栖大会吸引了4万人之众，人们把这场大会当做一场嘉年华，会场外，男人女人们，
53 像游客一样撑起自拍杆，阿里帝国已经大到了令人咋舌的地步，批量创造着千万富翁。马云称阿里已经是世界上第21大经济体，
54 未来要做第5大经济体。大会上人们记得最真切的是有“外星人”之称的马云说要投资1000亿元建立达摩院。达摩院就是实验室。
55 马云为达摩院命名，当年马云同样为天猫命名。
56 </p>
57 <p>
58 “达摩院”这个名字很有阿里特色，达摩是一个佛教人物，民间常称其为达摩祖师，南印度人，自称佛传禅宗第二十八祖，
59 为中国禅宗始祖。负责达摩院的是阿里CTO张建锋，诨名行癫。马云号风清扬，阿里有头脸的人物都有一个江湖诨名，
60 就跟梁山泊一百零八将一样，连诨名都没有，估计这人在阿里也就没什么地位。
61 </p>
62 <p>
63 如果将一些典故或者武侠背景联系起来，就会明白，达摩院其实是藏经阁，这里将会发明各种必杀之技，未来也不知道会怎么样，
64 但大家都明白，谁掌握了技术，就会像大航海时代的殖民者一样，以少胜多。
65 </p>
66 <p>
67 但是必杀技哪里会那么简单？到了一定程度就会有瓶颈，一定不是现有水平的修修补补，而是牵涉到基础科学、基础技术，
68 越是处于领先地位的企业，越是走得靠前的企业，他们离天花板就越近，看得越清晰。这就是为什么国际顶尖企业会做顶尖研究，
69 他们有财力有眼力，还有能力。
70 </p>
71 <p>
72 “达摩院”首批公布的研究领域包括：量子计算、机器学习、基础算法、网络安全、视觉计算、自然语言处理、
73 下一代人机交互、芯片技术、传感器技术、嵌入式系统等，涵盖机器智能、智联网、金融科技等多个产业领域。
74 名目繁多，似乎无所不包，这里面可以看到马云的野心，这也显示了马云和阿里一个非常重要变化——由“术”向“道”。
75 </p>
76 <p>
77 马云说，阿里成立七八年的时候，他坚决反对公司有任何研究室、实验室的，因为当时阿里是一个初创公司，
78 公司在还没有立足之前就考虑研发是大灾难。阿里的做法一直是问题导向，遇到什么问题，需要什么，就组织工作人员去攻关。
79 </p>
80 <p>
81 马云多次说过，如果他是技术人员，一开始就知道会有这么多难题，估计就会退缩，就不会有现在的阿里巴巴、蚂蚁金服。
82 阿里现在不仅是遇到问题就组织科研人员去攻关，而是四处开拓疆土，看看有什么领域比较有机会。前者目的性很强，是问题导向，
83 后者则是四处撒网，花钱多但不一定有结果。
84 </p>
85 <p>
86 像这些比较基础的科研，一般是高校和科研院所承担，这些机构背后买单者是政府，这是政府要承担的职能之一，
87 因为这些研发大多是没有收益的，但对社会会比较有帮助，让单个企业承担的成本太高。这表明阿里已经不再担忧生存问题，愿意承担一部分政府承担的责任。
88 </p>
89 <p>
90 有不少人认为，阿里这次投入，只是一场作秀，科技不可能拔毛助长，不可能投进去很多钱，就能大跃进。
91 不过公众应该去想一想，像阿里这样精明的企业，怎么会愿意做折本买卖？
92 </p>
93 <p>
94 阿里现在的规模已足够大，护城墙也足够高，危险来自未来，如果不下足功夫研究，一旦被竞争对手掌握，
95 就有可能被秒杀。即使像腾讯这样规模的还面临从QQ到微信的惊险一跃，就跟苏宁和京东的竞争一样，一旦落后下去，就很难追赶了。
96 </p>
97 <p>
98 马云说贝尔、IBM的实验室曾经创造辉煌，可这种工业时代的实验室模式已经没落了。他认为达摩院科研的目标不仅仅是FUN，
99 也不仅是PROFIT，而是问题导向，以解决问题为目标。
100 </p>
101 <p>
102 达摩院似乎是一个独立经营个体，就像很多研发机构也能最终上市一样，马云要求达摩院能够独立经营维持下去。至于方法，
103 外人还很难猜测，科研机构一般要靠政府拨款，或者慈善捐助，当然也可以是订单式研发，转让专利技术。
104 </p>
105 <p>
106 有很多技术是得益于那些大企业的研发，比如数码相机，即使研发者被革了命，也是为人类做了贡献。应该记住的是，
107 即使那些传统企业没落了，他们留下的科研仍在；即使那些富豪不在了，他们留下的研究机构还在；比如卡耐基捐助的卡内基·梅隆大学，
108 洛克菲勒捐助的洛克菲勒大学，还有洛克菲勒基金会对科学所做的贡献。
109 </p>
110 <p>
111 （编辑：刘骏）
112 </div>
113 </body>
114 </html>
View Code