Q&A
<style>というのはどのような時に使われるもなのでしょうか
HTML
1 2<!DOCTYPE HTML> 3<html> 4 <body> 5 6 <div class="sample"> 7 8 </div> 9 10 <script> 11 12 .sample { 13 height:60px; 14 width:45px; 15 background-red; 16 } 17 18 </script> 19 20 </body> 21</html> 22
このように書いて見たのですがブラウザーに映りません。
＜script>の部分をどのように直せばいいでしょうか？
よくわかりません。
教えていただきたいです。
よろしくお願いします。
回答2件
0
色々おかしいです。
<script>は基本的にJavaScriptを記述するための宣言です。
どのように表示したいか次第ですけど、
内容はCSSなので
コードを真とするなら<style>が妥当でしょう。
ただ、style(CSS)だったとしても、明らかな構文エラーがあります。
何かしら指定が反映されないのでしたら、調べてください。
構文チェックサービスも利用してください。
投稿2020/04/24 11:05
総合スコア80875
0
ベストアンサー
<script>ではなく<style>です。
以下を試してみてください。
HTML
1<style> 2.sample { 3 height: 60px; 4 width: 45px; 5 /* background-red; */ 6 background: red; 7} 8</style>
投稿2020/04/24 10:52
編集2020/04/24 21:57
総合スコア4528
<style>は、CSSを記述するときに使用します。
<script>は、JavaScriptを記述するときに使用します。
試してもらうとわかりやすいと思うのですが、例えば以下のような感じです。
<style>
body {
background: #f00; /* CSSにより、背景が赤色になります。 */
}
</style>
<script>
alert('アラートメッセージが表示されます。'); /* JavaScriptにより、アラートが表示されます。 */
</script>
理解できました。
本当にありがとうございます。
あと「背景が赤にならない」問題があるのなら
background-red;
でなく、
background: red;
にしてみてください。
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/04/24 11:07
2020/04/24 11:36