如何在 html 模板中鏈接 css?請幫幫我,我不明白,為什么代碼不起作用。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<link rel="stylesheet" href="test.css">
</body>
</html>
uj5u.com熱心網友回復:
檢查您的 css 檔案是否存在于您的 html 檔案的同一檔案夾中。并將鏈接放在里面,<head>或者你可以在里面做你的 styingHTML但為了好的做法,總是把你的樣式檔案遠離 HTML。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- <link rel="stylesheet" href="test.css">-->
<!--<style>
/*or you could put test.css style*/
</style>-->
</body>
</html>
uj5u.com熱心網友回復:
有幾種方法可以將 CSS 合并到您的 HTML 模板中。
1. 行內 CSS:在此方法中,您可以在 HTML 模板代碼中向 HTML 標記添加樣式屬性。例如:
<h1 style="font-size:20px; color: blue;">Hello World</h1>
2. 內部CSS:使用內部CSS,您可以使用style 標簽在HTML 的head 部分中加入樣式。例如:
<style>
h1 {
font-size:20px;
color: blue;
}
</style>
3. 外部 CSS:這可能是您正在尋找的。在您的檔案夾中,添加一個外部表,即“styles.css”檔案。您可以在此檔案中添加所有 CSS 樣式,就像在 head 部分的 style 標記之間添加一樣。
使用此方法時,最重要的事情是通過將以下代碼行添加到 head 部分,將 CSS 檔案鏈接到 HTML 檔案:
<link rel="stylesheet" href="style.css">
那應該這樣做!
轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/317223.html
上一篇:Selenium錯誤:元素不可互動(coockie和其他彈出視窗)
下一篇:"連接沒有關閉。連接的當前狀態是開放的"-MsAccessVisualBasic-VisualStudio2010
