#8 CSSのチートシート

大分間が空きましたが、CSSのチートシートとPHPのチートシートを作成しました。
随時更新していきます。
(そして前回からの間で、ツイッターもどきというか結局ブログにしたんですが、CMSが完成しました)

1.よく使うやつ

■英単語折り返し
word-wrap: break-word;

2.中央よせあれこれ

■インライン要素
aタグ
bタグとか
高さと幅を指定できない
パディング、マージンは左右にしか使えない
並べると改行されず横に並んで表示される

■ブロック要素
divタグ
formタグ
pタグ
hrタグ
ulタグとか
高さと幅を指定できる
並べると画面上で改行されて表示される

⇒text-align:center;をブロック要素に指定
 中にあるインライン要素の位置が中央ぞろえ
 中にあるブロック要素には効かない

⇒margin:auto;をブロック要素に指定
 中にあるインライン要素には効かない
 中にあるブロック要素には効かない
 指定したブロック要素に効く。(そのブロック要素に横幅が指定されていること。横幅を指定していない場合はそもそも横幅100%なので中央寄せという概念がない)

3.セレクタについて

CSSで指定する際のセレクタについて、忘れるのでメモ

■クラスを指定
.classA{ }

■ID指定
♯idA{ }

■要素を指定
a{ }
※aタグ指定

■OR条件で指定
a, .classA{ }
※aタグもしくは、classAクラスに対して有効

■AND条件で指定(特定要素の直下の要素を指定したいとき)
.classA > textarea{ }
※classAクラスの中(直下)のテキストエリアを指定

■AND条件で指定(特定要素の下の要素を指定したいとき)
.classA  textarea{ }
※classAクラスの中のテキストエリアを指定

■特定の属性の値を持つ要素
input[type="submit"] { }

この記事が気に入ったらサポートをしてみませんか?