html引入css文件
时间: 2023-12-09 11:04:11 浏览: 29
在HTML文件中,可以通过使用<link>标签来引入CSS文件。
示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<h1>Welcome to my website!</h1>
<p>This is a paragraph of text</p>
</body>
</html>
```
在上面的示例中,<link>标签用于引入名为“styles.css”的CSS文件。该文件应该与HTML文件在同一目录下。如果CSS文件位于其他目录中,则需要使用正确的路径来引用它。
相关问题
spring boot 中html怎么引入css 文件
在Spring Boot中,你可以将静态资源文件(如CSS、JavaScript和图片等)放置在`src/main/resources/static`目录下,然后在HTML文件中引入这些资源文件。
首先,确保你的CSS文件已经放置在`src/main/resources/static/css`目录下(如果没有该目录,可以手动创建)。然后,在HTML文件的`<head>`标签内使用以下方式引入CSS文件:
```html
<link rel="stylesheet" type="text/css" href="/css/style.css">
```
其中,`/css/style.css`是CSS文件的路径,Spring Boot会自动映射到静态资源文件夹。如果你的CSS文件在其他子目录下,可以相应地修改路径。
注意:如果你使用Thymeleaf模板引擎,可以使用Thymeleaf的标签来引入CSS文件,例如:
```html
<link rel="stylesheet" type="text/css" th:href="@{/css/style.css}">
```
这样Thymeleaf会根据你的配置自动解析路径。
spring boot 中创建html怎么引入css 文件
在Spring Boot中创建HTML文件并引入CSS文件的步骤如下:
1. 在`src/main/resources/templates`目录下创建一个HTML文件,例如`index.html`。
2. 在`src/main/resources/static/css`目录下放置你的CSS文件,例如`style.css`。
3. 在HTML文件中使用以下方式引入CSS文件:
```html
<link rel="stylesheet" type="text/css" href="/css/style.css">
```
其中,`/css/style.css`是CSS文件的路径,Spring Boot会自动映射到静态资源文件夹。如果你的CSS文件在其他子目录下,可以相应地修改路径。
注意:在Spring Boot中,静态资源文件默认会映射到根路径下的`/static`、`/public`、`/resources`或`/META-INF/resources`目录。如果你想修改默认的静态资源路径,可以在`application.properties`或`application.yml`中配置`spring.resources.static-locations`属性。
这样,你就可以在Spring Boot中创建HTML文件并引入CSS文件了。