html引用外部css
时间: 2023-09-20 19:06:18 浏览: 49
要在HTML中引用外部CSS文件,您需要使用<link>标记,如下所示:
```html
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
```
其中,rel属性指定了链接的类型,type属性指定了文件的类型(这里是CSS文件),href属性指定了CSS文件的路径和文件名。
请注意,这个<link>标记应该放在<head>标记中。这样,浏览器会在显示页面之前加载和应用CSS文件中的样式。
相关问题
引用外部css
在 HTML 页面中,可以使用以下方式引用外部 CSS 文件:
1. 在 <head> 标签中使用 <link> 标签引用外部 CSS 文件。例如:
```html
<html>
<head>
<title>My Page</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>My Heading</h1>
<p>My paragraph.</p>
</body>
</html>
```
其中,style.css 是存储 CSS 样式的外部文件。href 属性指定了 CSS 文件的路径和文件名。
2. 在 HTML 页面的 <style> 标签中写入 CSS 样式。例如:
```html
<html>
<head>
<title>My Page</title>
<style>
h1 {
color: red;
}
p {
font-size: 16px;
}
</style>
</head>
<body>
<h1>My Heading</h1>
<p>My paragraph.</p>
</body>
</html>
```
其中,<style> 标签用于定义 CSS 样式。在 <style> 标签中可以写入 CSS 代码。
请注意,为了保证 CSS 样式能够正确地引用和执行,需要确保 CSS 文件的文件路径和文件名正确。另外,还需要遵循浏览器的安全策略,如同源策略等。
jsp突然不能调用外部css
可能是以下原因导致的:
1. 检查路径是否正确。确保CSS文件的路径是正确的。
2. 检查CSS文件是否存在。确保CSS文件存在,并且没有被误删或移动。
3. 检查CSS文件的内容是否正确。确保CSS文件中的代码没有错误,如语法错误或拼写错误。
4. 清除浏览器缓存。有时候浏览器会缓存CSS文件,导致修改后的CSS文件没有及时生效。可以尝试清除浏览器缓存,然后重新加载页面。
如果以上方法都没有解决问题,可以尝试在网页头部添加以下代码:
```html
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
```
这可以确保浏览器不会缓存页面的CSS文件。