CSS设置文本——颜色和大小
<1>.设置文本颜色
1 <html>
2 <head>
3 <style type="text/css">
4 body {color: red}
5 h1 {color: #00ff00}
6 p.ex {color: rgb(0,0,255)}
7 </style>
8 </head>
9
10 <body>
11 <h1>这是 heading 1</h1>
12 <p>这是一段普通的段落。请注意，该段落的文本是红色的。在 body 选择器中定义了本页面中的默认文本颜色。</p>
13 <p class="ex">该段落定义了 class="ex"。该段落中的文本是蓝色的。</p>
14 </body>
15 </html>
这里和背景颜色的设置类似，只是没有了background,只有color。
这里的p.ex的用法和那个span.highlight用法相似。引用的时候
加在p的class属性中就可以了。
<2>.设置文本大小
1 <html>
2 <head>
3 <style type="text/css">
4 h1 {font-size: 300%}
5 h2 {font-size: 200%}
6 p {font-size: 600%}
7 </style>
8 </head>
9
10 <body>
11 <h1>This is header 1</h1>
12 <h2>This is header 2</h2>
13 <p>This is a paragraph</p>
14 </body>
15 </html>
可以看到这里的字体大小可以设置的非常之大，都是没有问题的。
posted on 2011-09-17 16:43 More study needed. 阅读(609) 评论(0) 编辑 收藏 举报
