javascript怎么引入css
时间: 2024-10-16 19:01:48 浏览: 3
在JavaScript中,引入CSS主要有两种常见的方法:
1. **内联样式(Inline Style)**:直接在HTML元素的`style`属性中添加CSS规则。例如:
```html
<div id="myDiv" style="color: red; font-size: 20px;">Hello, World!</div>
```
2. **外部链接(External Link)**:通过`<link>`标签将CSS文件链接到HTML文档的`head`部分。比如:
```html
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
```
这里假设有一个名为`styles.css`的CSS文件。
3. **内部样式表(Internal Stylesheet)**:使用`<style>`标签将CSS代码置于HTML文档的`<head>`部分,如:
```html
<head>
<style>
#myDiv {
color: red;
font-size: 20px;
}
</style>
</head>
```
4. **导入CSS模块(CSS Modules)**:对于更复杂的项目,可以使用工具(如Webpack、Parcel等)支持的CSS模块化技术,按需引入并应用。
5. **异步加载(Async Loading)**:现代浏览器允许通过`link`标签的`async`或`defer`属性异步加载CSS,提高页面性能。
阅读全文