国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

【代碼筆記】Web-CSS-CSS Fonts(字體)

dance / 1494人閱讀

一,效果圖。

?

二,代碼。

?

</>復制代碼

  1. DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>CSS Fonts(字體)title>
  6. <style>
  7. body {
  8. font-size: 100%;
  9. }
  10. h1 {
  11. font-style: normal;
  12. font-size: 40px;
  13. font-size: 2.5em;
  14. }
  15. p.serif {
  16. font-family: "Times New Roman", Times, serif;
  17. font-style: italic;
  18. font-size: 30px;
  19. font-size: 1.875em;
  20. }
  21. p.sansserif {
  22. font-family: Arial, Helvetica, sans-serif;
  23. font-style: oblique;
  24. font-size: 14px;
  25. font-size: 0.875em;
  26. }
  27. style>
  28. head>
  29. <body>
  30. <h1>css font-familyh1>
  31. <p class="serif">this is a paragrapth,shown in the times new Roman font.p>
  32. <p class="sansserif">this is a paragraph,shown in the arial font.p>
  33. body>
  34. html>

?

參考資料:《菜鳥教程》

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/1303.html

相關文章

  • CSS 小結筆記之圖標字體(IconFont)

    摘要:本篇主要介紹一種非常好用的圖標大法圖標字體。圖標字體可以非常便捷的去解決以上問題,使用起來也非常簡單。并且改變圖標大小只需要改變字體大小就可以了。  本篇主要介紹一種非常好用的圖標大法——圖標字體(IconFont)。   什么是圖標字體?顧名思義,它是一種字體,只不過這個字體顯示的并不是具體的文字之類的,而是各種圖標。   網站上經常會用到各種圖標,之前網頁上使用圖...

    番茄西紅柿 評論0 收藏0
  • 代碼筆記Web-CSS-CSS 教程

    一,效果圖。 二,代碼。 DOCTYPE html> CSS 教程 body { background-color: #d0e4fe; } h1 { color: range; text-align: center; } p { fon...

    endless_road 評論0 收藏0
  • 代碼筆記Web-CSS-CSS 語法

    一,效果圖。 二,代碼。 DOCTYPE html> CSS 語法 p { color: red; text-align: center; } Hello world! this paragraph is styled with css ? 參考資料:《菜鳥教程》

    zhangwang 評論0 收藏0
  • 代碼筆記Web-CSS-CSS id和Class選擇器

    一,效果圖。 二,代碼。 DOCTYPE html> CSS id和class選擇器 #para1 { text-align: center; color: red; } .center { text-align: center; } p.center...

    Pluser 評論0 收藏0
  • 代碼筆記Web-CSS-CSS background背景

    摘要:實例改文本插入在元素中該段落有自己的背景顏色背景圖片不重復,設置實例背景圖片只顯示一次,并與文本分開實例中還添加了屬性用于讓圖片與文本間隔開參考資料菜鳥教程一,效果圖。 二,代碼。 DOCTYPE html> CSS backgrounds h1 { background-color: #6495ed; } ...

    番茄西紅柿 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<