0

my.css コードは次のとおりです。

body {background-color:black;}
div.heading {text-align: center; background-color:white;border: 10px ridge grey;     margin-top:0px; font-size: 30px; font-family: Arial, Halvetica, sans-serif; color:black;}

.css ファイル名は課題 3.css です。

これが私のウェブページのコードです。背景は白で、分割は表示されません。スタイルシートを内部にするとコードは機能しますが、コードを別のメモ帳ファイルに入れるとすぐに機能しません。コードは次のとおりです。

<!DOCTYPE html>

<html>

<style>
<link rel = "stylesheet" type = "text/css" href = "Assignment 3.css">
</style>

<body>
<div class = "heading">
WELCOME TO BUILD A SQUARE
</div>
</body>

</html>
4

5 に答える 5

2

次のようになります。

<html>
<head>
<link rel="stylesheet" type="text/css" href="yourfilename.css">
</head>
<body>
<div class="heading">
WELCOME TO BUILD A SQUARE
</div>
</body>
</html>

前に述べたように、スペースを含めないでください<link rel..>。<head>

于 2013-05-26T19:23:34.317 に答える
2

スペースは有効な URL 文字ではありません。ファイル名をassignment3.cssスペースに変更するか、エンコードしてくださいAssignment%203.css

<link>からも移動<style></style>。それは無効です

于 2013-05-26T19:23:38.503 に答える
1

スペースが問題を引き起こす可能性があるため、最初に確認するのはファイル名です。

試す：

  • CSSファイルの名前をassignment-3.cssに変更する

  • ページの先頭にあるリンクを次のように更新します
    <link rel = "stylesheet" type = "text/css" href = "assignment-3.css">

それでも問題が解決しない場合は、css ファイルが
www.your-domain.com/assignment-3.css に存在することを確認してください

幸運を！

于 2013-05-26T19:26:33.417 に答える
1

問題は、リンクをスタイルタグ内に配置することだと思います。頭の中で試してみてください。

<html>
    <head>
        <link rel="stylesheet" type="text/css" href="css.css" />
    </head>
    <body>

    </body>
</html>
于 2013-05-26T19:29:41.307 に答える
-1

スタイルタグを削除するだけで機能します

于 2013-05-26T19:30:16.123 に答える