<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> h1 { color: #31d747; font-size: 40px; font-family: "Microsoft YaHei UI"; } </style> </head> <body> <h1>下午好</h1> </body> </html>
字体加粗:
font-weight: bold; 加粗默认700
font-weight: normal; 不加粗
<head> <meta charset="UTF-8"> <title>Title</title> <style> span { color: #ff6600; font-size: 20px; font-weight: bold; } </style> </head> <body> <h1>下午好</h1> <p> <span > 船舶是一种主要在地理水中运行的人造交通工具。另外,纤维、亚克力和各种复合材料。 </span> </p> </body> </html>
fond 综合用法:
不可以省略字体大小和字体样式不写。
<style> span { color: #ff6600; /*font-size: 20px;*/ /*font-weight: bold;*/ /*font-weight: normal;*/ /*font-style: italic;*/ /*font综合写法*/ font: italic bold 70px "微软雅黑"; } </style>