DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> DIV style常用屬性(3)
DIV style常用屬性(3)
編輯:CSS詳解     

19、font:指定DIV中文本的樣式,其後可跟文本的多個樣式。

例:

  1. <divstyledivstyle="font:bold14px宋體;background-color:Yellow">
  2. 明月幾時有?把酒問青天。不知天上宮阙、今夕是何年?我欲乘風歸去,
  3. 惟恐瓊樓玉宇,高處不勝寒.起舞弄清影,何似在人間?
  4. 轉朱閣,低绮戶,照無眠。不應有恨、何事長向別時圓?人有悲歡離合,
  5. 月有陰晴圓缺,此事古難全。但願人長久,千裡共蟬娟。
  6. div>

說明:font後可以跟文本樣式的多個屬性,如字體粗細、字體大小、何種字體等等。還可以用以下幾個屬性分別加以設置:

20、font-family:設置要用的字體名稱;

21、font-weight:指定文本的粗細,其值有boldbolderlighter等。

22、font-size:指定文本的大小。

23、font-style:指定文本樣式,其值有italicnormaloblique等。

24、color:指定文本顏色。

25、text-align:指定文本水平對齊方式,其值有center(居中)leftrightjustify。

26、text-decorator:用於文本的修飾。其值有noneunderlineoverlineline-through和blink的組合。

(在IE中無閃爍效果,FF中有效果。期待高手指點,)

27、text-indent:設置文本的縮進。

28、text-transform:設置文本的字母大小寫。其值有lowercaseuppercasecapitalize(首字母大寫)none。

例:

代碼

  1. <divstyledivstyle="text-align:left;text-decoration:line-throughblink;text-indent:30px;
  2. text-transform:capitalize;color:Blue;font:bolditalic14px宋體;background-color:Yellow">
  3. 明月幾時有?把酒問青天。不知天上宮阙、今夕是何年?我欲乘風歸去,惟恐瓊樓玉宇,高處不勝寒.起舞弄清影,何似在人間?
  4. 轉朱閣,低绮戶,照無眠。不應有恨、何事長向別時圓?人有悲歡離合,
  5. 月有陰晴圓缺,此事古難全。但願人長久,千裡共蟬娟。
  6. abcdefghijklmnopqRSTUVWXYZ
  7. div>

29、overflow:內容溢出控制,其值有scroll(始終顯示滾動條)、visible(不顯示滾動條,但超出部分可見)、auto(內容超出時顯示滾動條)、hidden(超出時隱藏內容)。

30、direction:內容的流向。其值有ltr(從左至右)、rtl(從右至左)。

31、line-height:指定文本的行高。

32、Word-spacing:字間距。

例:

代碼

  1. 1<divstyledivstyle="font:16px宋體;width:600px;height:200px;Word-spacing:5px;line-height:20px;
  2. 2
  3. 3direction:rtl;overflow:auto;background-color:Yellow">
  4. 明月幾時有?把酒問青天。不知天上宮阙、今夕是何年?我欲乘風歸去,
  5. 惟恐瓊樓玉宇,高處不勝寒.起舞弄清影,何似在人間?
  6. 轉朱閣,低绮戶,照無眠。不應有恨、何事長向別時圓?人有悲歡離合,
  7. 月有陰晴圓缺,此事古難全。但願人長久,千裡共蟬娟。<br/>
  8. 7明月幾時有?把酒問青天。不知天上宮阙、今夕是何年?我欲乘風歸去,惟恐瓊樓玉宇,高處不勝寒.起舞弄清影,何似在人間?
  9. 轉朱閣,低绮戶,照無眠。不應有恨、何事長向別時圓?人有悲歡離合,
  10. 月有陰晴圓缺,此事古難全。但願人長久,千裡共蟬娟。
  11. <br/>
  12. 8
  13. 9明月幾時有?把酒問青天。不知天上宮阙、今夕是何年?我欲乘風歸去,惟恐瓊樓玉宇,高處不勝寒.起舞弄清影,何似在人間?
  14. 轉朱閣,低绮戶,照無眠。不應有恨、何事長向別時圓?人有悲歡離合,
  15. 月有陰晴圓缺,此事古難全。但願人長久,千裡共蟬娟。<br/>
  16. 10
  17. 11明月幾時有?把酒問青天。不知天上宮阙、今夕是何年?我欲乘風歸去,惟恐瓊樓玉宇,高處不勝寒.起舞弄清影,何似在人間?
  18. 轉朱閣,低绮戶,照無眠。不應有恨、何事長向別時圓?人有悲歡離合,
  19. 月有陰晴圓缺,此事古難全。但願人長久,千裡共蟬娟。
  20. 12
  21. 13div>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved