コード ```### 前提・実現したいこと CSSが反映されません。 ホームページに作成したモックアップ(?)に色が付きません。 間違いがあれば教えてください。 ### 発生している問題・エラーメッセージ 教科書通りにプログラミング学習を進めているのですが、毎回CSSの内容が反映されません。 調べてみたものの解決策が見つかりません。 ### 該当のソースコード ```html コード <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>あなたのいいところ診断</title> </head> <body> <h1>あなたのいいところは?</h1> <p>診断したい名前を入れてください</p> <input type="text" id="user-name" size="40" maxlength="20"> <button id="assessment">診断する</button> <script src="assessment.js"></script> </body> </html>
CSS
1コード 2body{ 3 background-color: #04A6EB; 4 color: #FDFFFF; 5 width: 500px; 6 margin-right: auto; 7 margin-left: auto; 8} 9button{ 10 padding: 5px 20px; 11 background-color: #337AB7; 12 border-color: #2E6DA4; 13 border-style: none; 14} 15input{ 16 height: 20px; 17} 18
JavaScript
1コード 2(function () { 3 'use strict'; 4 5 })(); 6
試したこと
打ち間違いがないか何回も見直してみたものの見つかりません。
書いてる内容は教科書通りです。
補足情報(FW/ツールのバージョンなど)
パソコンはWindows10を使っており、VSCODEを使っています。VSCODEは英語バージョンのものを使っています。
よろしくお願いします。
マークダウンについては慣れないうちは手で打つのではなく投稿エリア上部のボタン使われた方が良いです。
コードについてはコードを選択状態にし<code>ボタンを押すのが最も間違いないです。
質問は編集できます。
(質問文は編集できます)質問文のコードはそれぞれコードブロックで囲んでいただけませんか? ```(バッククオート3つ)で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。(「,,,」はバッククオートではないのでコードブロックになりません)
失礼しました。書き直したのでもう一度確認していただければ幸いです。お手数おかけします。
コードが全てコードブロック外にあります。PCであれば記入エリアの右部分あたりにリアルタイムに結果が表示されていると思うので、そこを見ながら調整してください。
大変失礼いたしました。。これでできてるかと思います。
編集ありがとうございます。
お手数をおかけします。もし間違いが見つかりましたら教えてください。
回答が付いているので、まずそちらを確認してください。
わかりました。ありがとうございます。
(再掲)回答が付いているので、まずそちらを確認してください。
間違いについて指摘されています。
回答1件
あなたの回答
tips
プレビュー