Css 样式 html 嵌入代码

Question

当我嵌入一段html代码时，它似乎不受链接css文件的影响。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>worldmapper BETA</title>
    <link rel="stylesheet" href="main.css" media="screen" title="no title" charset="utf-8">
  </head>
  <body>
    <embed type="text/html" src="test.html">

  </body>
</html>

Answer 1

正确。 <embed> 的作用类似于 <iframe>（只是定义不太明确，因此您应该改用 <iframe>）。

您正在子 window 中加载单独的文档。

要应用 CSS，您需要 link 将 CSS 添加到该文件。

考虑使用您在服务器端或构建时应用的模板系统。那么您的单个网页将包含一个 HTML 文档。

Css 样式 html 嵌入代码

Css styling html embedded code

html

css

embed

stylesheet