css架构

最新推荐文章于 2025-09-08 00:09:35 发布

转载最新推荐文章于 2025-09-08 00:09:35 发布 · 56 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/daisl/p/10760889.html

文章标签：

#ui

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