CSS– category –
-
CSS
【CSS】Flexboxで横スクロール
.parent_element { overflow-x: scroll; display: flex; } .children_elements { min-width: xxxpx; } .children_elements { flex-shrink: 0; } -
CSS
【SASS】mediaクエリの書き方
@media (min-width: xxxpx) { .className { display: none; } } $breakpoint = xxxpx; @media (min-width: $breakpoint) { .className { font-size: xxpx; } } @mixin media($breakpoint) { } -
CSS
【CSS】flex-basisが効かない時の対処法
画像とテキストを横並びで表示したい。 .content { display: flex; } .content__img { flex-basis: 50%; } .content__text { flex-basis: 50%; } 画像に幅を指定しないと、画像のサイズがそのままで表示されてflex-basisで指定した通りの幅にならない。 画... -
CSS
SASSの書き方
変数 $primary-color: #000; .btn { color: $primary-color; } ネスト .btn { .btn__text { } &:hover { } } 公式サイト:https://sass-lang.com -
CSS
【CSS】中央揃えのレイアウト
margin: 0 auto; max-width: xxxpx; text-align: center; -
CSS
オリジナルファント・独自フォントを設定する方法【CSS】
@font-face { font-family: font-name; src: url(/url.ttf) format("truetype"), url(/url.svg) format("svg"); font-weight: 500; font-style: normal; }
1