#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"] { }
この記事が気に入ったらサポートをしてみませんか?