CSS の表記の仕方について

質問

CSS の勉強をしているのですが、その表記の仕方についてお尋ねします。
下記【例】のように、どの表記を見ても、中カッコ｛｝のところを繋げることなく３行に分けて記述されております。

これには何か理由があるのでしょうか？
又、繋げて記述してはいけないのでしょうか？
---------------------------------------
strong {
color: #FF0000;
}

h1,h2,h3,p,ul,li{
margin: 0px;
padding: 0px;
}

ul{
list-style-type: none;
}
---------------------------------------

回答No.3

nekonokota · ベストアンサー

書いた人が見やすい、と感じたのでそう書いているだけです。

strong {color: #FF0000;}
も、
strong {
color: #FF0000;
}
も、CSSとして間違いではないです。
ですが、書き方としては後者の、わざわざ3行、のほうをお勧めします。

理由は、「強調をパッと見でもわかるぐらいにしよう」などの理由で、『font-weight: bold;』を追加しようとしたとき、3行のほうが、1行挿入するだけなので、楽です。

HTMLやCSS、プログラムのソースを書く場合、自分の中で、コーディング規則を決めて書いていくといいでしょう。

蛇足ですが、コメント 「/* ～ */」 も書いておくと重宝します。
CSSを再編集の時、「どうしてこう書いたんだっけ？」となることは多々あります（たとえ自分で書いたとしても）。コメントがあれば、以前書いた時の意図を読み取れます。

お礼

そうですか
よく分かりました。
ありがとうございました。

回答No.2

noname#100277

所謂「属性」毎に改行してるだけで、一行に纏めて書き連ねても問題は在りません。
肝心なのは設定者が見易くして編集の際に効率化を図る意味でも有効でしょう。

お礼

ご回答ありがとうございました。

回答No.1

kokumura

見やすさの問題だけですよ。別に一行で書いても問題ありません。

お礼

ありがとうございました。