CSS– category –
-
CSS
【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; p... -
CSS
tailwindcss使い方
【tailwindcssメリット、デメリット】 メリット class名を付与する必要がない デメリット 事前にビルドの設定が必要 【導入方法】 npm経由でインストール CDNを利用https://tailwindcss.com/docs/installation/play-cdn scriptタグ1行コピーでOK CSSファイ... -
CSS
Sass導入方法
Sass 【Sassとは】 Scssのメリット CSSを効率よく書けることや管理、メンテナンスが楽になることがあります。 変数 ネスト記法 mixin 関数 【Sass導入方法】 SassはCSSと違いHTMLファイルで読み込めないので、CSSファイルにコンパイルする必要があります。... -
CSS
CSSサンプルコードまとめ
【よく使うコード】 https://ntorelabo.com/?p=4671#co-index-68 【リスト 左寄せ揃えかつ中央寄せ】 リストを 左の書き出し位置は揃えつつ 画面中央位置に寄せたい場合 ▼ulの親要素、ulに下記のスタイルをあてる .list-center { text-align: center; } .... -
CSS
CSS
CSSの基礎知識 【セレクタ】 セレクタ { プロパティ名 : 値 ;} 【link要素】 <!doctype html> <html> <head> ..... <link rel="stylesheet" href="style.css"> </head> ..... 【style要素】 <!doctype html> <html...
1