>>1
返事が遅れて申し訳ありません！
言われた通りにしたところ、きちんとグラデーションができました。
丁寧にご説明いただいきありがとうございます。おかげで詳しくわかりました！
リンク先もぜひ参考にしたいと思います。
繰り返すようですがほんとうにありがとうございます😀

>>0
body{

background:linear-gradient(#abecd6,#fbed96);

}

とりあえず上記に書き換えてみてください。
これで上からグリーン（#abecd6）→イエロー（#fbed96）になるグラデーションを表示できます。


なおなぜ>>0で表示できなかったかというと、
>　background:linear-gradient(180deg #abecd6,#fbed96);
角度の指定「180deg」の後ろに半角コンマが入っていないためです。

角度を指定する際の表記は、
>background:linear-gradient(180deg,#abecd6,#fbed96);
というふうに、角度の後ろにもコンマが必要となります。

ですが今回のように「上から下にかけて、均等に割り付けるグラデーション」でしたら、角度の指定はなくてもOKです。

「linear-gradient(色１,色２);」と書くと、デフォルトで「上から色１→色２のグラデーション」となるためです。

▼参考
CSS グラデーションの使用 - CSS: カスケーディングスタイルシート | MDN

1歩踏み込んでみる! CSSグラデーションのマニアックな世界 - ICS MEDIA
https://www.google.co.jp/amp/s/ics.media/entry/200212/