DICTIONARY — CSS
CSS辞典
CSSプロパティをカテゴリ別にまとめた一覧です。カテゴリを開いてプロパティを選ぶと、サンプルコードと実際の表示結果、詳しい解説を確認できます。
外部スタイルシートCSSファイルを読み込む内部スタイルシートstyle要素に書くインラインスタイルstyle属性に書くリセットCSSブラウザごとの初期スタイルの違いをなくす詳細度どの指定が優先されるかの決まり!important詳細度に関係なく最優先にする(なるべく使わない)継承親のスタイルを子が受け継ぐ仕組みボックスモデルすべての要素は4層の箱でできているショートハンド複数のプロパティをまとめて書く(一括指定)値と単位色の書き方と px・%・em・rem・vw などの単位#ididセレクタ(1つだけの要素を指定).classクラスセレクタ(グループを指定)要素セレクタタグ名で直接指定する(なるべく避ける)[attr]属性の値で指定する(含む・始まる・終わる)*すべての要素を指定するA, B複数の要素にまとめて指定するA B子孫セレクタ(中にある要素すべて)A > B子セレクタ(直下の子要素だけ)A + B隣接兄弟セレクタ(すぐ次の要素)A ~ B一般兄弟セレクタ(後ろにある兄弟すべて)疑似クラス要素の状態や位置で指定する(:)疑似要素要素の一部分や追加部分を指定する(::)
Flexbox親と子に書くプロパティの一覧flex-directionアイテムの並ぶ方向flex-wrapアイテムの折り返しjustify-content主軸方向の配置align-items交差軸方向の配置align-self1つのアイテムだけの交差軸方向の配置gapアイテム間の間隔flexアイテムの伸縮orderアイテムの並び順CSS Grid用語とプロパティの一覧grid-template-columnsグリッドの列grid-template-rowsグリッドの行grid-column / grid-rowアイテムを置く範囲をライン番号で指定place-items縦横の配置をまとめて指定Grid と Flexbox の違い線を引いて当てはめるか、子要素ごとに幅を決めるか