CSSを勉強し始めてわからないことがありました。

Question

前提・実現したいこと

現在CSSを勉強しはじめた初心者です
progateを使っていて説明がない為質問に参りました
改行や空白（スペース）についてです

発生している問題・エラーメッセージ

　　　
h1 {
  color:ここの空白#ff0000;
  /* 文字の大きさを40pxにしてください */
  font-size: 40px;
  ここの空白を開ける必要の意味
  /* 文字の種類をserifにしてください */
  font-family: serif;
  ここの空白を開ける意味
}
ここの空白
p {
  color: #0000ff;
  /* 文字の大きさを20pxにしてください */
  font-size: 20px;
  ここの空白
  /* 文字の種類を"Lucida Grande"にしてください */
  font-family: "Lucida Grande";
  ここの空白
}


少しわかりづらいと思いますが
「ここの空白」と記載している点について
問題の答えと照らし合わせるとスペースキーで空白を入れていないところが間違いとなっています。
こういったところは
空けないといけないのでしょうか？
それと、何か理由があるのでしょうか？
初歩的な質問ですみません。

該当のソースコード

CSS

試したこと

Comments

[m.ts10806]

タイトルは具体的な要件にされたほうが良いです。質問内容が見えてきません

Answer 1

cssにおいて、

• 「:」の後の空白
• プロパティとプロパティの間の改行や空白

は特に意味を及ぼしません。適切に空白や改行をしたほうが読みやすくなる、という程度です。
（なお、ここで言う空白は半角空白です。全角空白は絶対入れてはダメです）
後々出てくると思いますがセレクタ部分（pとかh1とか）に入る空白は特別な意味を持つので気を付けてください。

progete演習の「答えの比較」は、用意された模範解答との厳密な差分になっているようですね。
それはCSSとして誤っているという意味ではありませんし、厳密に模範解答と一致してないと正解にならないわけではありません。
エディタ画面の見本とプレビューが一致していれば正解になります。

という質問は、ここよりprogateへ直接問い合わせるのがまずスジなのではないでしょうか。
「ご意見箱」って名前の問い合わせフォームがちゃんとありますよ。
teratailはprogateのヘルプセンターではないので教材の質問は教材の提供元へお願いします。