初心者向けCSS解説｜CSS HappyLife
前回のエントリーが、ビックリするくらいアクセスあってびびってますが、変なプレッシャーに負けずまったりマイペースで行こうと思うです。 CSSを勉強する上でもっとも早い上達は、恐らく実践経験だと思います。 色んな参考書や、サイトを巡って脳内で考えてるのも一つの手段ですが、やっぱり組んでナンボだと思います。 って事もあり、すぐコーディングだけ出来る状態の基本データが入ってる下記練習用フォルダを使うと良いと思います。（はじめにと同じヤツです） 練習用フォルダ（zip）をダウンロードする 練習用フォルダ（exe）をダウンロードする 今回のサンプルの仕様は下記↓ XML宣言なし DOCTYPE：XHTML 1.0 Transitional 文字コード：UTF-8 対象ブラウザ：IE6、Firefox2、Opera9 （対象ブラウザが少ないような気がするのは、気のせい。） んでは、はじめますか。。。 構
CSSに関する基本的なこと1（記述方法、使用できる文字、コメントアウト）
実際の作業に入る前に、基本的なことをやっておきます。 作業ミスや混乱などを避けるためにもまずは基本です。しっかりと見に付けておきましょう。 以下の事について触れるので、理解している方は次のエントリーにお進み下さい。 CSSの記述の仕方 セミコロンについて 大文字と小文字の区別について class名やid名で使用できる文字 コメントアウトについて CSSの記述の仕方 セレクタ { プロパティ:値 } セレクタってのは、スタイルを適用する対象で、bodyとかh1、p、ulなどです。 id名やclass名なども。 プロパティは、そのセレクタにどのようなスタイルを指定するかです。 marginやpadding、borderなど。 値は、指定したプロパティにどんな値を適用するかで、color:red;の太字のredの部分です。 コレで文字の色を赤にするという値を指定してます。 CSSの書式の統一に関
clearfixハック｜CSS HappyLife
通常、floatさせている画像やボックスなどがある場合何らかの形でclearするか、その親要素にfloatを指定しないと、親要素からはみ出してしまいます。 コレはCSS2.0の仕様なんで正しい表示なんですが、どうしても親要素にfloatなどが使えず、やむなくclear:bothをbrなりdivにクラス指定して解決してたりって事があったかと思います。 IEの場合はwidth、もしくはheightを指定する事で解決できますが、コレはバグなんで他のモダンブラウザでは解決できません。 ソコでかなり便利に使えるテクニックが、clearfix。 使い方は、clearしたい親要素に下記のように記述。 div:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-hei
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
