Q&A
質問には関係ないですが、”ブラウンザ”でなく、"ブラウザ"です。
HTMLなどのデザインも含め、プログラミング技術の向上を目指すのなら、スペルミス(不具合の原因となり得る)や誤字脱字(利用者への不信感を招く)に敏感になるべきです。
自分で模写作成中、何度やってもブラウザで反映されない為に
完成コードをコピペしたところ同じように反映されませんでした。
どこか間違いがあれば教えていただきたいです。。。```
HTML
コード
css
コード
@charset "UTF=8";
html {
font-size: 100%;
}
img {
max-width: 100%;
}
.container {
width: 1040px;
margin: 0 auto;
}
header {
padding: 16px 0;
background: #c0c0c0;
display: flex;
}
.header-logo img{
width: 180px;
height: 70px;
object-fit: cover;
margin-left: 40px;
}
nav {
margin-left: auto;
padding-top: 24px;
}
nav ul {
display: flex;
}
nav li {
list-style: none;
margin: 0 40px;
}
nav a {
display: block;
text-decoration: none;
color: #222222;
font-size: 18px;
font-weight: 700;
letter-spacing: 0.4rem;
padding-bottom:10px;
}
nav li:hover {
border-bottom: solid 2px #222222;
}
回答1件
0
ベストアンサー
回答 CSSが読み込めていないのでファイルのパスを確認してください。
コードをローカルで実行したところ画像のようになりました。
おそらくCSSが適用されていないだけです。
CSS
1//@charset "UTF=8"; 2@charset "UTF-8";
=ではなくて-です。
パスではなくてコチラかもしれません。
追記
文字コードの指定の記述を間違えても、
CSSファイル自体は読み込まれていました。
CSSファイルのパスを今一度ご確認くださいませ。
投稿2021/03/13 13:25
編集2021/03/13 13:28
退会済みユーザー
総合スコア0
amiya-seさん
@charset "UTF-8";
<link rel="stylesheet" href="css/style.css">
を直したところブラウザで反映されました泣
ありがとうございます！！！！！！
よかったですー
ちょっと指摘しにくいんですが…
「ブラウザ」と皆様呼んでますので揃えた方が良いかなぁと。
まぁ、ほっこりするので「ブラウンザ」でも僕はかまわないのですが～
気づかなかったです笑
ご指摘ありがとうございました????
あなたの回答
tips
プレビュー
