HTML,CSS 背景の色の変更

HTML,CSSを使ってWebサイトを作っている際に背景の色の変更をしようとしたらできませんでした。CSSでbackground-color: aqua;をつけたのですがなぜかできません。どこを直せばいいのかわからないので教えてください

CSS
1@charset "utf-8"
2  body{
3    margin: :0;
4    padding:0;
5    background-color: aqua;
6    color: #333333;
7    font-size:15px;
8    line-height:2;
9}
10p,h1,h2,h3,h4,h5,h6{
11  margin-top: :0;
12}
13img{
14  vertical-align: :bottom;
15}
16u1{
17  margin:0;
18  padding:0;
19}
20a{
21  color:#3583aa;
22  text-decoration:none;
23}
24a:visited{
25  color:#788d98;
26  }
27a:hover{
28  text-decoration: :underline;
29}
30header{
31  width:960px;
32  height:100px;
33  margin:0 auto;
34}
35.logo{
36  float: left;
37  margin-top:50px;
38}
39.global-nav{
40  float:right;
41  margin-top:60px;
42}
43.global-nav li{
44  float:left;
45margin:0 20px;
46  font-size:20px;
47  list-style:none;
48}
49.global-nav li a{
50  color:#ffffff
51}
52global-nav li a:hover{
53  border-bottom:2px solid #ffffff;
54  padding-bottom: 3px;

HTML
1<!DOCTYPE html>
2<html>
3<head>
4    <meta charset="UTF-8">
5    <title>サンプルページ</title>
6  <link href="css/style.css" rel="stylesheet">
7    </head>
8<!--  始まり-->
9    <body>
10        <header>
11            <div class="logo">
12            <a href="index html">
13                <img src="images/logo.png" alt="SNAPPERS">
14            </a>
15        </div>
16            <nav>
17            <ul class="global-nav">
18                <li>
19                    <a href="portfolio.html">PortFoloio
20                    </a>
21                
22                </li>
23                <li>
24                <a href="about.html">About</a>    
25                
26                </li>
27                <li>
28                    <a href="contact.html">Contact
29                    </a>
30                
31                </li>
32                </ul>
33            </nav>
34        </header>
35<!--      終わり-->
36      
37<!--      始まり-->
38        <div id="wrap">
39        <div class="content"></div></div>
40<!--      終わり -->
41        <footer>
42            <small>(C)2017 Hattori-studio.</small>
43        </footer>
44    </body>
45</html>

m.ts10806

2018/07/04 02:23

プログラムコード(およびエラーメッセージ)は質問内容としては最も重要な部分であるため、見やすくしていただけると助かります。<code>ボタン押下→「コード」部分にコードを貼り付け→「ここに言語を入力」に対象言語名記入（エラーメッセージの場合は不要）の手順で「コードハイライト化」してください。（質問編集画面ではリアルタイムでプレビューが表示されるので見ながら調整してください）

kei344

2018/07/04 02:23

（質問文は編集できます）質問文のコードはそれぞれコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

m.ts10806

2018/07/04 02:24

質問テンプレート部分の文言が多く残っています。質問内容や意図を読み取る上ではノイズにしかなりませんので、自身の質問に関係のある文章（およびソースコード）のみ残すか、きちんと残りのテンプレート部分を埋めてください。

m.ts10806

2018/07/04 03:55

細かくて申し訳ないですが。どのように解決したかコメントをお願いします。 https://teratail.com/help/question-tips#questionTips4-2 > どのように解決できたのかをお礼とともに伝えましょう。

行動規範の内容に同意します

回答1件

ベストアンサー

CSS記法に間違いがたくさんあるのでそもそもCSSが効いていません。
下記のサイト等でチェックを実施し、1つずつ修正していってください。

CSS Validation Service

投稿2018/07/04 02:30

m.ts10806

総合スコア80850

rmt0202

2018/07/04 02:44

ありがとうございます！解決しました！

m.ts10806

2018/07/04 02:48

細かくて申し訳ないですが。どのように解決したかコメントをお願いします。 https://teratail.com/help/question-tips#questionTips4-2 > どのように解決できたのかをお礼とともに伝えましょう。あなたがどのように解決したかを書き残しておくことで、あなたの質問は貴重なコンテンツ資産となります。いつか他の誰かがあなたと同じ問題に陥った時、そのコンテンツにたどり着いたらすぐに解決できるように情報を残しておいてあげてください。

行動規範の内容に同意します