html 动态加载css

可以使用 JavaScript 动态创建一个 `link` 标签，并将其添加到 `head` 标签中，从而动态加载 CSS 文件。

以下是一个示例代码：

var link = document.createElement("link");
link.href = "styles.css";
link.rel = "stylesheet";
link.type = "text/css";
document.getElementsByTagName("head")[0].appendChild(link);

在上述代码中，先创建了一个 `link` 标签，设置了其 `href` 属性为 CSS 文件的路径，`rel` 属性为 `stylesheet`，`type` 属性为 `text/css`。然后将该标签添加到页面的 `head` 标签中，从而动态加载 CSS 文件。

相关问题

js append追加html后动态添加css样式

在使用JavaScript的append方法追加HTML后，可以通过以下两种方法动态添加CSS样式：

1. 使用JavaScript创建style元素，并将CSS样式添加到其中，再将style元素追加到head元素中。

示例代码：

var css = ".dynamic-class {color: red;}";
var style = document.createElement("style");
style.type = "text/css";
if (style.styleSheet) {
  style.styleSheet.cssText = css;
} else {
  style.appendChild(document.createTextNode(css));
}
document.getElementsByTagName("head")[0].appendChild(style);

2. 直接使用JavaScript设置元素的style属性，来修改元素的样式。

示例代码：

var div = document.createElement("div");
div.innerHTML = "Hello World";
div.style.color = "red";
document.body.appendChild(div);

以上两种方法都可以实现动态添加CSS样式的效果，具体选择哪种方法，可以根据实际情况来决定。

HTML加载CSS文件

HTML加载CSS文件的方法是使用<link>标签，将CSS文件的路径放在href属性中，例如：

<link rel="stylesheet" type="text/css" href="style.css">

这样就可以将style.css文件中的样式应用到HTML文档中了。