html - 如何将 CSS 和 HTML 代码放在同一个文件中？-6ren

html - 如何将 CSS 和 HTML 代码放在同一个文件中？

转载作者：技术小花猫更新时间：2023-10-29 11:43:26

我是 CSS 的亵渎者，对此我一无所知。我需要将 HTML 代码和它的 CSS 格式放在 iPhone 程序的同一个字符串对象中。

我有 HTML 代码和 CSS 代码，但我不知道如何将它们混合在一起。你能帮帮我吗？

HTML代码:

<html>
<head>
    <link type="text/css" href="./exemple.css" rel="stylesheet" media="all" />
</head>
<body>
    <p>
    <span class="title">La super bonne</span>
    <span class="author">proposée par Jérém</span>
    </p>
</body>
</html>

CSS 样式:

.title {
    color: blue;
    text-decoration: bold;
    text-size: 1em;
}

.author {
    color: gray;
}

最佳答案

<html>
<head>
    <style type="text/css">
    .title {
        color: blue;
        text-decoration: bold;
        text-size: 1em;
    }

    .author {
        color: gray;
    }
    </style>
</head>
<body>
    <p>
    <span class="title">La super bonne</span>
    <span class="author">proposée par Jérém</span>
    </p>
</body>
</html>