5_基础样式字体.html 819 B

123456789101112131415161718192021222324252627282930313233
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Document</title>
  8. <style>
  9. /* 字体相关样式 */
  10. div{
  11. /* 字体大小 */
  12. font-size:20px ;
  13. /* 字体 */
  14. font-family:Microsoft YaHei,Heiti SC,tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;
  15. /* 字体粗细100-900 400|normal 700|bold */
  16. font-weight:100 ;
  17. /* 字体样式 italic 斜体 | normal正常 */
  18. font-style:italic ;
  19. /* 文本颜色 */
  20. color:red;
  21. }
  22. </style>
  23. </head>
  24. <body>
  25. <div>
  26. 我是一个div
  27. </div>
  28. </body>
  29. </html>