<html lang=en>
<head>
<style>
.title{
color: red;
font-size: 30px;
display:inline-flex;
justify-content: center;
}
</style>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Dabble</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<!-- CSS only -->
<!-- <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> -->
<link rel='stylesheet' href='main.css'>
<script src='index.js'></script>
</head>
<body>
<h1 class="title">Dabble</h1>
<div class="container">
<p>What is happening here</p>
</div>
</body>
</html>
main.css
.title{
color: red;
font-size: 300px;
display: flex;
justify-content: center;
}
我在我的 html 中使用的樣式表有效，但是當我使用鏈接匯入 css 時它不起作用。所有專案都在同一個根檔案夾中，所以我認為這在在線查看一些檔案后會起作用。
uj5u.com熱心網友回復：
如果它仍然不起作用：
檢查 CSS 檔案名，并檢查是否正確 檢查兩者的位置，例如
My Website ??:
index.html ??
Web_Files ??:
style.css ??
因此，例如，在這種情況下，您應該撰寫 Web_Files/style.css。如果你懂編輯，你可以自己做！
嘗試將 HTML 中的第 10 行更改為以下內容。
<link rel="stylesheet" href="main.css">
uj5u.com熱心網友回復：
- 確保 .css 檔案的名稱正確。
- .css 檔案的路徑也必須正確
你的檔案樹是什么？
body {background-color: powderblue;}
h1 {color: blue;}
p {color: red;}<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/418310.html
標籤：
上一篇：每次點擊向右移動方塊
下一篇：引導導航選項卡選單中的兩個鏈接