HTML・CSS(SCSS)

HTML・CSS(SCSS)

【CSS】フレキシブルな画像表示とobject-fit

今回はフレキシブルな画像表示についてコードを残しておこう。ポイントはフレキシブルな画像表示とobject-fitの合わせ技だ。
HTML・CSS(SCSS)

【CSS】円の中に2行の文字を書く

円の中に2行の文字を書きたいときがある。中央揃えにpaddingで調整したコードと、flex-boxを使った2種類のコードを載せておく。意外と実務でも使うことがあるのだ。
HTML・CSS(SCSS)

【Sass/SCSS】_アンダーバーを使ったファイル分割

SCSSはファイル名の先頭に_(アンダーバー)をつけると分割ファイルとして扱うことができる。複数人でWEBサイトを開発する場合に、1つのstyle.cssファイルを取り合って使うのではなく、担当者ごとにファイルを生成し、最終的にstyle.cssを吐き出すことができるのだ。
タイトルとURLをコピーしました