CSS– category –
-
【CSS】flexボックスでjustify-content: center;だけど子要素は左寄せにしたい場合
↑下の行を左寄せにしたい display: grid; display: flex;ではなくdisplay: grid;にする .grid { display: grid; grid-template-columns: repeat(auto-fit, 80px); justify-content: center; max-width: 400px; grid-gap: 30px; background: #f2f2f2; paddi... -
Sass導入方法、WordPress に SCSS を導入
Sass Sassとは Scssのメリット CSSを効率よく書けることや管理、メンテナンスが楽になることがあります。 変数 ネスト記法 mixin 関数 Sass導入方法 SassはCSSと違いHTMLファイルで読み込めないので、CSSファイルにコンパイルする必要があります。 よく紹... -
【CSS】フレックスボックスの一部の子要素だけ「絶対にこの幅でいてほしい」ってとき。
display: flex; 値row左から右への横並びcolumn上から下row-reverserowの逆column-reversecolumnの逆＜flex-directionプロパティ＞ flex-shrink flexアイテムの縮小率を指定するプロパティです。親要素のflexコンテナからはみ出た要素を縮小することができ... -
CSS
CSSの基礎知識 セレクタ セレクタ { プロパティ名 : 値 ;} link要素 <!doctype html> <html> <head> ..... <link rel="stylesheet" href="style.css"> </head> ..... style要素 <!doctype html> <html> <hea...
1