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. 閱讀(635) 評論(0) 收藏 舉報
浙公網安備 33010602011771號