我的html沒有鏈接到我在chrome作業系統上的css-有解無憂

我的代碼沒有鏈接到我的 css

<!DOCTYPE html>
<html>
<head>
    <link href="main.css" rel="slylesheet" text="text/css">
<title></title>
</head>
<body>
    <header>
        <div class="container">
            <img src="beens.jpg" alt="logo" class="logo">
            <nav>
                <ul>
                    <li><a href="#">about</a></li>
                    <li><a href="#">games</a></li>
                    <li><a href="#">contact</a></li>
                    <li><a href="#">blog</a></li>
                </ul>
            </nav>
        </div>
        
    </header>
</body>
</html>

它適用于我的閃存驅動器但不適用于本地

.container {
    width: 80%;
    margin: 0 auto;
}
.header {
    background: rgb(51, 146, 153);
}
li {
  color: rgb(142, 15, 15);
}

我的背景還是白色請幫忙

我嘗試重寫我的鏈接代碼并在此處檢查

uj5u.com熱心網友回復：

你這里有一個錯字：<link href="main.css" rel="slylesheet" text="text/css">

它應該是stylesheet

你也把你的標題稱為一個類.header 但是因為你沒有給它一個類并且想要呼叫你需要將它設定為的標簽

header {
    background: rgb(51, 146, 153);
}

uj5u.com熱心網友回復：

像這樣嘗試，

.container {
    width: 80%;
    margin: 0 auto;
}
header {
    background: rgb(51, 146, 153);
}
li {
  color: rgb(142, 15, 15);
}

<!DOCTYPE html>
<html>
<head>
    <link href="main.css" rel="slylesheet" text="text/css">
<title></title>
</head>
<body>
    <header>
        <div class="container">
            <img src="beens.jpg" alt="logo" class="logo">
            <nav>
                <ul>
                    <li><a href="#">about</a></li>
                    <li><a href="#">games</a></li>
                    <li><a href="#">contact</a></li>
                    <li><a href="#">blog</a></li>
                </ul>
            </nav>
        </div>
        
    </header>
</body>
</html>

uj5u.com熱心網友回復：

那是標準代碼：

li a {
  color: RGB(142, 15, 15);}

uj5u.com熱心網友回復：

這應該是您的 HTML：

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="main.css">
<title></title>

</head>
<body>
    <header>
        <div class="header">
            <img src="beens.jpg" alt="logo" class="logo">
            <nav>
                <ul class="li">
                    <li><a href="#">about</a></li>
                    <li><a href="#">games</a></li>
                    <li><a href="#">contact</a></li>
                    <li><a href="#">blog</a></li>
                </ul>
            </nav>
        </div>
        
    </header>
</body>
</html>

這應該是你的CSS：

.container {
    width: 80%;
    margin: 0 auto;
}
.header {
    background: #1abc9c;
}
.li {
  color: rgb(142, 15, 15);
}

轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/537397.html

標籤：网页格式CSS谷歌浏览器操作系统

上一篇：如何覆寫輪廓的屬性：css中沒有

下一篇：強制調整父div高度以適合它的孩子