一个高级的,确有很简单的CSS应用.请指教.

大家知道HTML里的Header标记,如

1<h1>这是一个Header标记</h1>

这样页面上就会以很大的字体显示这个文字. 现在我的要求是,给一行文字加上

 1<h1>标记,但使这行文字看上去和普通文字一样.请问该如何通过CSS重新定义H1标记实现?   
 2下面是我做的Page1.htm,它定义了H1的CSS,但效果不好,因为尽管文字变小了,但文字和上面及下面一行还有很大距离,我要的是 Page2.htm显示的那种效果(即仿佛没有加上H1标记那种效果)   
 3Page1.htm:   
 4<html>
 5<head>
 6<title>Page1</title>
 7<style type="text/css">   
 8<!--   
 9h1 { font-size: 9pt} //尽管在此重新定义了H1标记,但效果不好.请帮我改进.   
10\-->   
11</style>
12</head>
13<body>   
14这是第一行   
15<h1>这是被加入H1标签那行</h1>   
16这是它下面那行   
17</body>
18</html>   
19  
20  
21  
22Page2.htm: //我想让Page1.htm看上去和Page2.htm效果一样,当然是通过修改CSS   
23<html>
24<head>
25<title>Page2</title>
26</head>
27<body>   
28这是第一行<br/>   
29这是被加入H1标签那行<br/>   
30这是它下面那行<br/>
31</body>
32</html>   
33  
34  
35  
36\---------------------------------------------------------------   
37  
38h1 {font-size: 9pt;margin:0px;font-weight:normal}</h1>
Published At
Categories with Web编程
Tagged with
comments powered by Disqus