たんなるメモ①

投稿日:

ブラウザの幅に基づいて均等に分割されたカラムを生成する

ブラウザの全幅(100vw)を3で割り、widthプロパティに設定。

 
スポンサーリンク

テスト

テスト

-

関連記事

相対パスとルートパスの書き方

意外と混乱しやすい、パスの書き方をまとめた。 Index相対パスとは書き方のポイント1.同じ階層のパターン2.違う階層のパターンルートパスとは書き方のポイント 相対パスとは 「どこから」から見て、「ど …

normalize.cssとreset.css

Indexnormalize.cssとは設定方法reset.cssとはおすすめのreset.css normalize.cssとは 各ブラウザによる表示の差異をなくし、意図通りのスタイル(正常化)をす …

Webサイトで使用する黒の文字色は#000ではなく#333で

#000だと、特に背景色が白の場合、文字が重たく画面上で見辛い場合が多い。 #000の文字 #333は完全な黒ではなく、視認性も良いためよく使用される。 #333の文字

スマホとPCで要素の表示順番を変える方法

レスポンシブの場合、PCと表示順番を変えたい場面がよくあるので、かんたんに実装する方法を記載。 Indexcssでflexboxとorderを使用する親要素にflexboxを使用orderを使用し、表 …

Font Awesomeを擬似要素で使用する際のfont-weight指定

Webフォント「Font Awesome」を擬似要素で使用した際に、アイコンが正しく呼び出せず□が表示されてしまう場合、cssのfont-weight指定が正しくできていないことがある。 font-w …