アイフルのサイトです。
金貸 行為 コスト 最終 欧州 スケートリンク 前日 株式会社 メールアドレス 調停 候補 モデルハウス フォルダ なんて 写真 ちょっと 最高 適正 弁済 対応 頂い 方々 失業 駐車 徳島 速報 手続き パターン RunContent ひょう変

諸々とは?/ アイフル

[ 572] CSSの書き方諸々 - CSS Dencitie
[引用サイト]  http://www6.plala.or.jp/go_west/nextcss/tip/how2write.htm

ここでは、CSSの基本が分かった上で、どのような書き方のスタイルがあるのか、それぞれのメリット、デメリットを挙げて説明していきます。
前者ではウィンドウに多くの声明が収まりますが、一つのセレクタに対して大きな宣言ブロックを当てるようになると、探しているプロパティが見つけづらくなり、収拾が着かなくなります。
対して後者では、セレクタ文字列、各プロパティがそれぞれ1行に一つずつ収まっていますので、セレクタとプロパティの関係を簡単に追いかけることが出来ます。しかし、より多くのスクロールが必要になってきます。
短いスタイルシートなら前者でも良いでしょうが、凝り始めると何かと面倒が多いですので、後者をお薦めします。自分で面倒が見切れるというのであれば、前者の書き方を否定するものではありません。
少しでもプログラミングをしたことがある人なら、最後の方法は絶対に避けるでしょう。実際に、避けたほうが無難です。将来、複雑な入れ子をするような仕様になってきた時に、対処しきれなくなります。
前者2つは、どちらを選んでも良いでしょう。セレクタ文字列の後の空白も、任意です。プログラマなら、空白は必ず付けるでしょう。長所・短所を言うなら、1つ目の例ではスクロールを抑えますが、一方、探している声明が2つ目よりほんの少し見つけにくいです。
しかしながら、各声明が分かりにくくなることは、インデントによって容易に避けられますので、1つ目の書き方をお薦めします。
テキストエディタの中には、タブ文字でインデントする文字数を変更できるタイプのものがあります。そういったテキストエディタをお持ちの方には、迷わずタブでのインデントをお薦めします。
変更できないタイプのテキストエディタは、一般に8文字分のインデントになると思います。これではさすがに大きいですので、半角スペースによるインデントになると思います。
半角スペースを1文字、2文字、4文字置いてインデントします。個数については、それぞれの相性があると思いますので、いろいろ試してみると良いでしょう。
個人的には、2文字のインデントを薦めます。見づらくなる可能性が少なく、ファイルが無駄に大きくなることもありませんので。
声明と声明の間を一行開ける人がいますが、これはせずとも良いでしょう。大きな区切りでは更に大きな改行が必要になり、無駄なスクロールの増加を招きます。
少しでもプログラミングをしたことがある人なら、最後の方法は絶対に避けるでしょう。実際に、避けたほうが無難です。将来、複雑な入れ子をするような仕様になってきた時に、対処しきれなくなります。
1つ目の例は、2つ目の例と比べて、行単位で宣言を動かすのがかなり容易で、同時に移動による括弧のズレを防げます。
インデントする方法は、将来的に見てもあまり有用ではないと思います。空白を入れる場合、どちらか一方に入れておけばよいと思います。それでプロパティと値の差別化は図れると思いますし。これでもまだ足りないと思う場合は、前後両方に余白を入れてください。
行の最後の;(セミコロン)の手前の余白も、同様の理由から不要だと思います。:(コロン)をプロパティにくっつけ、;(セミコロン)を値にくっつけると、見た目が多少良いかも知れませんね。
管理面で、シートが大きくなるに従って問題になってくるのが、どのような順序で声明を書くかです。ここのようにスタイルが大して良くもないのに大きいサイトは別として、複雑なスタイルが組めるようになるにつれて、この問題は深刻化する、かも知れません。
クラスの使い方を覚えてくると、全要素共通のクラスを作ることは少なくなってくると思いますので、このパートはきわめて小さなものになると思います。
残りの部分には、それぞれ要素別に声明をまとめておきます。似た意味の扱いをしている要素でない限り、共通の宣言でも敢えて分けて書きます。
そこで問題になってくるのは、例えばdlに入れ子になっているolは、dlに書けばよいのか、それともolに書けばよいのか、ということです。不明確な表現ですが、どちらかと言えば、このような場合、olのエリアに記述すると良いと思います。インライン要素の場合は、祖先を辿って、初めに出現するブロック要素のエリアに記述しておくと良いかも知れません。自分の直感と経験に従ってください。
順序は、どちらが先でも構いません。二つのファイルに分けて管理しても良いでしょう。これで、それなりの効率化が図れると思います。

 

戻る

アイフルのサイトです。

アイフルのサイトです。