歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!
  代碼示例:
 
  
 
  
 
  
 
  
 
  
 
  <!DOCTYPE>
 
  <html>
 
  <metacharset="utf-8">
 
  <head>
 
  <title></title>
 
  <styletype="text/css">
 
  h2{color:green;}
 
  #p1{font-family:Times,"TimesNewRoman",serif;}
 
  #p2{font-family:Helvetica,Arial,sans-serif;}
 
  #p3{font-family:serif;}
 
  #p4{font-family:sans-serif;}
 
  #p5{font-family:monospace;}
 
  #p6{font-family:cursive;}
 
  #p7{font-family:fantasy;}
 
  .s1{font-style:italic;}
 
  .s2{font-style:oblique;}
 
  .s3{font-weight:bold;}
 
  .s4{font-weight:100;}
 
  .s5{font-style:normal;}
 
  </style>
 
  </head>
 
  <body>
 
  <h1>字體系列</h1>
 
  <p>與CSS一起使用。兩個常見的字體組合列表和五個通用后備字體系列。</p>
 
  一個serif字體家族列表!
 
  <h2>font-family:Times,"TimesNewRoman",serif</h2>
 
  <pid="p1">
 
  <spanclass="s1">斜體字體!</span>
 
  <spanclass="s2">字體樣式為font-style:oblique;</span>
 
  <spanclass="s3">字體樣式為font-weight:bold;</span>
 
  <spanclass="s4">字體樣式為font-weight:100;</span>
 
  <spanclass="s5">正常字體樣式!</span>
 
  </p>
 
  一個sans-serif字體家族列表!
 
  <h2>font-family:Helvetica,Arial,sans-serif</h2>
 
  <pid="p2">
 
  <spanclass="s1">斜體字體!</span>
 
  <spanclass="s2">字體樣式為font-style:oblique;</span>
 
  <spanclass="s3">字體樣式為font-weight:bold;</span>
 
  <spanclass="s4">字體樣式為font-weight:100;</span>
 
  <spanclass="s5">正常字體樣式!</span>
 
  </p>
 
  serif通用字體系列!
 
  <h2>font-family:serif</h2>
 
  <pid="p3">
 
  <spanclass="s1">斜體字體!</span>
 
  <spanclass="s2">字體樣式為font-style:oblique;</span>
 
  <spanclass="s3">字體樣式為font-weight:bold;</span>
 
  <spanclass="s4">字體樣式為font-weight:100;</span>
 
  <spanclass="s5">正常字體樣式!</span>
 
  </p>
 
  sans-serif通用字體系列!
 
  <h2>font-family:sans-serif</h2>
 
  <pid="p4">
 
  <spanclass="s1">斜體字體!</span>
 
  <spanclass="s2">字體樣式為font-style:oblique;</span>
 
  <spanclass="s3">字體樣式為font-weight:bold;</span>
 
  <spanclass="s4">字體樣式為font-weight:100;</span>
 
  <spanclass="s5">正常字體樣式!</span>
 
  </p>
 
  等寬通用字體系列!
 
  <h2>font-family:monospace</h2>
 
  <pid="p5">
 
  <spanclass="s1">斜體字體!</span>
 
  <spanclass="s2">字體樣式為font-style:oblique;</span>
 
  <spanclass="s3">字體樣式為font-weight:bold;</span>
 
  <spanclass="s4">字體樣式為font-weight:100;</span>
 
  <spanclass="s5">正常字體樣式!</span>
 
  </p>
 
  草書字體家族!
 
  <h2>font-family:cursive</h2>
 
  <pid="p6">
 
  <spanclass="s1">斜體字體!</span>
 
  <spanclass="s2">字體樣式為font-style:oblique;</span>
 
  <spanclass="s3">字體樣式為font-weight:bold;</span>
 
  <spanclass="s4">字體樣式為font-weight:100;</span>
 
  <spanclass="s5">正常字體樣式!</span>
 
  </p>
 
  幻想通用字體系列!
 
  <h2>font-family:fantasy</h2>
 
  <pid="p7">
 
  <spanclass="s1">斜體字體!</span>
 
  <spanclass="s2">字體樣式為font-style:oblique;</span>
 
  <spanclass="s3">字體樣式為font-weight:bold;</span>
 
  <spanclass="s4">字體樣式為Itsucksinwitha100font-weight!</span>
 
  <spanclass="s5">正常字體樣式!</span>
 
  </p>
 
  </body>
 
  </html>






本文轉載自中文網

如需轉載,請注明文章出處和來源網址:http://www.khijtf.live/html5/h54323.shtml

江西多乐彩走势图今天 玩彩网苹果 全民欢乐捕鱼1期 玉器赚钱吗知乎 单机打麻将全部免费 做什么赚钱女性 快播彩票首页 赚钱易轻松赚钱 南昌麻将怎么打大全 财神捕鱼有时间段吗 在熊猫tv开直播如何赚钱吗 大众麻将怎么玩 jdb财神捕鱼攻略 柬埔寨和缅甸哪里好赚钱 再生颗粒赚钱吗 梦幻天天捕鱼电玩版 gta偷车出货哪个赚钱