css架构 

<!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>




 






		

		
posted @ 
2019-04-24 10:25 
Dylan666 
阅读(128) 
评论(0) 
编辑 
收藏 
举报