セットの記述方法 { インデントは半角スペースを4つ。 閉じ カッコ のインデントは書き出し位置に合わせる。 1プロパティは1行で管理する。行の終わり必ずセミコロン ( ; ) } セレクタの記述方法 { 各IDとclassが適用されているタグを必ず明記。 継承を見やすく、かぶりが起こるのを防ぐために親セレクタも記述する。 自然とピラミッド型になるようにマークアップを行う。 } プロパティの記述順序 { ボックスモデル (Box model) 視覚整形モデル (Visual formatting model) 視覚整形モデル詳細 (Visual formatting model details) 視覚効果 (Visual effects) 生成 内容, 自動番号付け及びリスト (Generated content, automatic numbering, and lists) ページ関連
少し前にCSSコーディング・スタイルというエントリで書いたように、各CSSルールのブロック内でプロパティを書く順序はCSS2 Specificationで出てくる順という縛りでCSSを書いている。大体のところはソラで覚えているのだけど、font-weightとfont-sizeはどっちが先だっけとかは忘れるので、備忘録がてら序列付きリストにしてみた。 margin margin-top margin-right margin-bottom margin-left padding padding-top padding-right padding-bottom padding-left border border-top border-bottom border-right border-left border-width border-top-width border-right-widt
2xup.orgのCSS でよく使う装飾定義をコンポーネントとしてまとめるという記事を読んだのですが、挙げられているHTMLの例を見てみて、「いやいやその方向性は無しでしょう」と思ったのでした。何故かといえば、 リストをインラインで表示するために <ul class="inline"> ナビゲーションリストをタブのように表示するために <ul class="tab"> という書き方をしていたので。それはつまり「文字を赤くしたいので <span class="red">文字</span>」というのと同じなのでは。 ADP: class=red スタイルシートの基本 -- ごく簡単なHTMLの説明 (「クラス名の考え方」参照) 記事では、 見た目を意識しすぎてしまっているのが気になるので class の名前を変更したり、 とも書かれているのですが、単にclass名を変更するだけでは状況は大差な
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く