Q&A
表示されました ありがとうございます
タイトルの通りです エディタはアトムを使っています
＜head＞のlinkの部分が間違っていないか、htmlとcssが同じフォルダに入ってるかもきちんと確認しました
HTML
1<!DOCTYPE html> 2<html lang="ja" > 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <link rel="stylesheet" href="css/reset.css"> 7 <link rel="stylesheet" href="css/style.css"> 8 </head> 9 <body> 10 <header class="header"> 11 </header> 12 <div class="wrapper"> 13 <main> 14 </main> 15 <div class="sidemenu"> 16 </div> 17 </div > 18 <footer class="footer"> 19 </footer> 20 </body> 21</html>
CSS
1.header{ 2width: 100% 3} 4.wrapper{ 5width:970px; 6margin:30px auto 40px; 7} 8.main{display:block; 9float:left; 10width:660px; 11} 12.sidemenu{ 13float:right; 14width:275px; 15} 16.footer{ 17width:100%; 18} 19.header, .main, .sidemenu, .footer{background-color:#ccc;} 20.header, .footer{height:100px;} 21.main, .sidemenu{height: 500px;} 22
ヘッダー、フッター、メイン、サイドメニューそれぞれが灰色に塗られるようにしたいのですが
htmlを開いても白紙のままです 一応htmlに打った文字は反映されるのでCSSだけ動作していないようです
回答2件
0
mainはクラスではないですね。.main -> main にすれば色が変わります。
css
1.header, main, .sidemenu, .footer{background-color:#ccc;}
投稿2020/12/16 02:40
総合スコア92
0
ベストアンサー
htmlとcssが同じフォルダに入ってる
同じフォルダならパスが違います。
HTML
1 <link rel="stylesheet" href="reset.css"> 2 <link rel="stylesheet" href="style.css">
投稿2020/12/15 14:46
総合スコア69596
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/12/16 04:19