カテゴリー: css

• flex box

  SPなどで２カラムなどを左寄せにした場合 justify-content:center;を利用しているときね …

  admin

  2019年8月18日

  css

• css センター

  left:50%; transform:translateY(-50%) translateX(-50%); …

  admin

  2019年6月4日

  css

• flex box css

  親プロパティ display:flex; flex-wrap: wrap; //小要素改行 縦並びに flex…

  admin

  2019年4月21日

  css

• Font Awesome 5 Freeの指定

  font-size: 12px; font-family: ‘Font Awesome 5 Free’; fo…

  admin

  2019年4月2日

  css

• css マージン相殺

  .block_set01{ + .block_set01{ margin: 100px 0 0 0; } }

  admin

  2019年3月18日

  css

• calcの使い方

  font-size: calc(38/1366*100vw); line-height: calc(50/13…

  admin

  2018年12月29日

  css

• display: inline-block; text-align: justify; 均等に並べる

  ul { text-align: justify; text-justify: distribute-all-…

  admin

  2018年1月25日

  css, レスポンシブ

• display: inline-block; 隙間をマイナスマージンで作る

  下記の場合は39px空く。ulにマイナスマージン、liにマージン入れる ついでにulに　letter-spac…

  admin

  2017年12月23日

  css

• レスポンシブコーディングでの縦横比問題の解決策

  参考サイト http://qiita.com/ryounagaoka/items/a98f59347ed758…

  admin

  2017年4月26日

  css

• Font Awesome

  .xxxxxx a:after{ font-size: 16px; font-family: FontAwes…

  admin

  2016年12月26日

  css