• ベストアンサー

CSSの基本的な形

CSSを指定するとき、 セレクタ□{プロパティ:□値;} のような形になると思うのですが(□はスペース)、このスペースが 、 セレクタ□{□プロパティ□:□値□;□} だったりしても通用すると思うのですが、正しい書き方はどのような形なんでしょうか? 回答よろしくお願いします。

  • HTML
  • 回答数1
  • ありがとう数1

質問者が選んだベストアンサー

  • ベストアンサー
  • dezimac
  • ベストアンサー率56% (2365/4208)
回答No.1

どうでもいいです。 セレクタ{プロパティ:値;} セレクタ□{プロパティ:値;} セレクタ□{プロパティ:□値;} セレクタ□{□プロパティ□:□値□;□} セレクタ{ □プロパティ:□値; } どう書いても全く同じです。 自分が読みやすいように書いて下さい。

miya_HN
質問者

お礼

特にスペースはどのように記述しても正しい書き方というのはないんですね。 見やすいように、自分でスペースを付ければいいんですね。 ありがとうございました。

関連するQ&A

  • アメブロのCSSについて

    今、CSSを勉強中で、勉強したことを復習するために、 ブログのCSSを覗いてみてるのですが、 アメブロの編集可能CSSのところに、 /* 通常文字 */ .skinTextColor,.skinBaseTextColor,.skinBlock,body{ color:#333333; } というのがあります。 CSSは、セレクタ、プロパティ、値からなると勉強しました。 このセレクタのうち3つは、class指定されてるものだと思うのですが、 skinTextColorと、skinBaseTextColorは HTMLの中に見つけられませんでした。 (TeraPadに貼り付けて、検索機能でチェックしました) そういうことってありえますか? 例えば、CSSが外部にあるように、 そのクラス指定のタブもどこか違うページにあるのでしょうか? 素人で、よくわかってないので、 質問がおかしかったらすみません どなたかわかる方がいらっしゃいましたら、教えていただけると嬉しいです。

    • ベストアンサー
    • HTML
  • CSS

    現在CSSを猛勉強中なのです。 いろんな参考書をみているのですが、CSSで クラス ID プロパティ セレクタ 属性値 などの言葉がでてきますよね? div#out { … p.topb { … などに対応しているのだと思いますが、理解に苦しんでいます。 この疑問のお答えや、何か上手にまとめてあるサイトなどあれば教えていただけないでしょうか?

    • ベストアンサー
    • HTML
  • CSSのwhite-spaceプロパティについて

    CSSのwhite-spaceプロパティの意味がわかりません。まず、「半角空白、改行、タブ...msmssatさん CSSのwhite-spaceプロパティの意味がわかりません。まず、「半角空白、改行、タブ」という言葉が出てきますが「タブ」とはなんなのかがわかりません。 そしてwhite-spaceプロパティには、normal,pre,nowrapと3つの値があるようですが、その違いが何なのかがわかりません。 ネット上で調べたのですが、どのような違いがあるのかがわからないのです。 CSS初心者です。 是非、お知恵を頂きたいと思っております。わかりやすくご説明をお願いします。 なお、Webクリエイター上級試験の勉強を独学でしております。 そのために、ご協力ください。 大変恐縮ですが、よろしくお願いいたします。

    • ベストアンサー
    • CSS
  • リセットCSSの一般的な方法

    Webサイトを作成しているのですが、ブラウザごとの差異を無くすリセットCSSというのを知りました。 調べてみたら、いくつか方法があるようですが、一般的にどのような方法でリセットCSSを行えば良いのでしょうか? Webサイトのデザインによって、リセットCSSの方法は変えたりするものなのでしょうか? また、私は、まだブラウザごとで、どのセレクタとプロパティで差異が出るのか把握しておりませんが、リセットCSSをする場合、必ずリセットするべきセレクタとプロパティはありますか? dic、span、pのmarginやpaddingなど、他にありますか?

    • ベストアンサー
    • CSS
  • CSSのセレクタについて。

    CSSの「IDセレクタ」と「クラスセレクタ」についてなんですが、「クラスセレクタ」は先頭に要素名を指定して「要素名.クラス名」のようにすると指定された要素のみ有効になりますが、要素名が特定されていない場合には、どの要素でも指定することができる。「IDセレクタ」は 先頭に要素名を指定して「要素名#id名」のようにすると指定された要素のみ有効になりますが、要素名が特定されていない場合には、どの要素でも指定することができる。ただし、IDは唯一のものとしてとくていするものの識別子でありひとつのXHTML文章内で同じIDを複数の要素に指定することはできない。とセレクタについて調べた結果、こう解釈しているのですが、「IDセレクタ」を使用するメリットがイマイチわかりません!「ひとつのXHTML文章内で同じIDを複数の要素に指定することはできない。」以外は「IDセレクタ」と「クラスセレクタ」は同じ効果ではないんですか?それならすべて「クラスセレクタ」で統一した方がいいと思うのですが・・・長くなってすみません。

    • ベストアンサー
    • CSS
  • このCSSハックはどういう意味合いのものでしょうか?

    すみません、似たような質問を。 http://oshiete1.goo.ne.jp/qa4177163.html でして、締め切ってしまったのですが、よく見ると100%は理解できませんです。 そして、その質問と同じ構造のCSSなのですが・・・。 以下は、どのようなCSS-hackなのでしょうか? ==知っていること========================================= ●スターハック:  セレクタの前に【* html】をつける。(半角スペースも忘れずに)  IE4~6、MacIE4~5以下にのみ適用させる。Validator(※仕様に準拠しているかチェックしてくれるもの)に通る。  ⇒2行目はこれを用いている ●(名称不明) プロパティに続けて半角スペースと/**/を入れるとIE6には適用されない。 Validatorに通る。  ⇒5行目のこれは、このハックに該当するのでしょうか?   それとも、プロパティ(1px)のあとに「;」と「改行」と「}」と「もういっかい改行」があるので、該当しないのでしょうか?  該当しないとしたら、なんのためにあるのでしょうか? ========================================================= ★それから疑問が1つあります  1行目の「/*\*/」はどのような意味なのでしょうか?  これも、css ハックの一部なのでしゅうか? 以上、よろしくお願いいたします。 ------------------------------------------------------------- (以下、説明しかすいようにと行番号をふっています) 1: /*\*/ 2: * html .container, * html .minwidth, * html .box { 3: height: 1px; 4: } 5: /**/

    • ベストアンサー
    • HTML
  • このように「:」を付けるcssは

    A:link { プロパティ: 値 } このように「:」を付けるcssは a以外にもあるのですか?

    • ベストアンサー
    • CSS
  • CSSのDIVというモノがいまいち分かりません。

    HTMLもおぼつかないまま、四苦八苦しながらCSSの勉強をしています。その中で出てくるDIVというセレクタはどの様な特性を持つのかが、よくわかりません。HTML文書の最初にCSSを定義しなくても、途中からいきなりCSSを定義できてしまう、というものなのでしょうか?色々なサイトや本を読んでみるものの理解できません。ついでにSPANとの違いも分かりません。 それからCSSについて説明されている文章を読むとたとれば“H1”や“P”等のセレクタの次に「属性」「値」を定義するとありますが、すべてセレクタを“class”にしてしまうのは良くないのでしょうか。なにぶん初心者の為、分かりづらい文章になっているかとは思いますが、何卒ご教授ください。

  • CSSの整理方法

    スタイルシートを1枚のCSSに セレクタ { プロパティ : 値 ; } で加え、長く記述しています。 これを (1)同プロパティ:値 でまとめる たとえば .search{ text-align:center; margin: 0; clear:both; padding-top: 10px; } .browse{ text-align:center; margin: 0; clear:both; padding-top: 10px; } まとめて .search, .browse{ text-align:center; margin: 0; clear:both; padding-top: 10px; }  このような作業を行いたいのですが、同記述であることを表示確認できるようなフリーソフトはありますでしょうか? プロパティ基準で自動整形をするフォームは知っていますが... (2)現在使用していないスタイルを確認できるフリーソフトを教えてください。 CSSディレクトリ構造があいまいなまま膨大な量になってしまいました。ただいま、整理をしています。 よろしくお願いします。

    • 締切済み
    • CSS
  • CSSについて

    CSSについて質問させてください。 CSSをタグの中に直接書き込む場合 <div style="color:#ffa500; font-size:20pt; font-weight:bold; text-decoration:underline;"> このような場合のstyle="部分は、styleタグと呼んで いいのでしょうか? divタグの中に記述しているので、styleプロパティと 呼ぶのでしょうか? CSSのリファレンスにはstyleプロパティはありません。 ということは、やっぱりdivタグのstyleプロパティで CSSを指定していると考えるのでしょうか?

専門家に質問してみよう