もう、class名やid名で悩まないんだからっ！！｜CSS HappyLife
class名やid名って付ける時悩みませんか？ 今でもボクは結構悩むんですが、そんな悩みを解決する為に、人さまのソース覗きまくってよくあるclass名とid名を拾ってきました。 これで、チョットだけ作業効率アップ！？ 2010年6月10日追記： この記事自体、2007年 1月15日に書かれてるんでかなり古いです。 あくまでも参考程度に留めてもらうのが良いかと思います。 今だったら、html5の要素を参考にしたりして付けるのが、今後の事を考えると良いのかなーと思います。 また、善し悪しの判断はせずに公開しているものですが、位置に関するのは仕様変更に弱くなるのでオススメはしません。 全体に使えそうな感じ wrap wrapper top-wrapper wrapperAll frame mframe all-frame container page pagetop all allContent
CSSに関する基本的なこと3（ショートハンド）｜CSS HappyLife
前回のエントリー、前々回のエントリーに引き続き、CSSに関する基本的なことをば。 今回は以下の事について触れています。 ショートハンドについて ショートハンドについて CSSでの値の指定は、プロパティによっては一括指定が出来ます。 例えば、、、 p { margin-top:0; margin-left:10px; margin-right:10px; margin-bottom:1em; } の場合は以下のように。 p { margin:0 10px 1em 10px; } 順番は時計回りと覚えておきましょう。 上記の場合、4箇所指定しているので「上」「右」「下」「左」ですが、指定している数によって適用対象が変わります。 値1つ：上下左右全て 値2つ：「上下」と「左右」 値3つ：「上」と「左右」と「下」 値4つ：「上」と「右」と「下」と「左」 最初のサンプルを3箇所指定で記述すると、、、
CSSに関する基本的なこと2（単位、色、継承）｜CSS HappyLife
前回のエントリーに引き続き、CSSに関する基本的なことをば。 今回は以下の事について触れるので、理解している方は次のエントリーにお進み下さい。 CSSで使える長さの単位 色の指定方法 スタイルの継承 CSSの適用方法 CSSで使える長さの単位 使える単位は大きく分けて、「絶対単位」と「相対単位」の2つがあります。 絶対単位 cm （センチメートル） mm （ミリメートル） pt （ポイント 1/72インチ） pc （パイカ 12pt） in （インチ 2.54cm） 絶対単位での例 p { font-size:1pc; } 相対単位 px （ピクセル） em （font-sizeの値を1とする単位） ex （小文字の「x」の高さを1とする単位） ％ （パーセンテージ） 相対単位での例 p { font-size:1.2em; } px（ピクセル）指定での注意 px指定は、ディスプレイの解像
CSSに関する基本的なこと1（記述方法、使用できる文字、コメントアウト）
実際の作業に入る前に、基本的なことをやっておきます。 作業ミスや混乱などを避けるためにもまずは基本です。しっかりと見に付けておきましょう。 以下の事について触れるので、理解している方は次のエントリーにお進み下さい。 CSSの記述の仕方 セミコロンについて 大文字と小文字の区別について class名やid名で使用できる文字 コメントアウトについて CSSの記述の仕方 セレクタ { プロパティ:値 } セレクタってのは、スタイルを適用する対象で、bodyとかh1、p、ulなどです。 id名やclass名なども。 プロパティは、そのセレクタにどのようなスタイルを指定するかです。 marginやpadding、borderなど。 値は、指定したプロパティにどんな値を適用するかで、color:red;の太字のredの部分です。 コレで文字の色を赤にするという値を指定してます。 CSSの書式の統一に関
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
