Q&A
宜しくお願いされても何もコード提示されてないので何も出来ませんが。
とりあえずhtmlとcss両方載せてください。
HTML
<html lang="ja"> <head> <meta charset="UTF-8"> <title>CHERIE&Co.</title> <link href="stylesheet" rel="styles.css"> </head> <body> <h1>脱毛エステティックサロンCHERIE＆Co.</h1> <img src=""> </body> </html>
CSS
body {
background-color: red;
}
今現状が上記のコードになっております。
エディタはatomを使用しております。
CSS が全く反映されません。
コードも何度見直しても間違いはないのでなぜなのか？を知りたいです。
宜しくお願いします。
質問タグが「BaaS」になっていますが、「HTML」「CSS」くらいに付け直しましょう。
回答2件
0
kei344さんが簡潔な回答をされているのでちょっと解説をしてみます。
<link>要素のrel属性とhref属性を間違えてるのはそうなのですが、 この間違いに気付かないのは両属性をただの`rel`、`href`という文字列でしか覚えていないのにも 原因があるかと。relはrelationの略です。意味通り、このlink要素が書かれているページと後述するhref属性で指定したページ間の「関係」を表してます。一番よく使うのはstylesheetですね。これで、このhtmlのページの
スタイルを指定するページとしてstyles.cssが指定された訳ですね。
hrefはhypertext referenceの略です。直訳すると｢ハイパーテキストの参照｣ですね。
細かいことは省きますが、href属性で指定したページを参照するということです。
つまり質問者さんのコードはstyles.cssという関係性の、stylesheetなるページを探したのですが、
まぁ両方ともそんなものはないって判断された訳ですね。
上記は間違いなく謝っているのですが、以降も他に原因があるとしたら
- styles.cssが実際存在するのはstyle.cssの可能性(typo)
- href属性のパスの指定が間違っている
とかですかね。
投稿2021/06/04 01:51
総合スコア1282
0
HTML
1<!-- 2<link href="stylesheet" rel="styles.css"> 3 ↓ ↓ --> 4<link rel="stylesheet" href="styles.css">
投稿2021/06/03 19:16
総合スコア69407
あなたの回答
tips
プレビュー
