カテゴリー: プログラミング

hostsファイルを書き換えると,公開前のwebサイトの動作確認を行うことが出来ます。 新サーバーにサイトを引っ越しする時など、サーバー引っ越しを含むリニューアル案件などで役にたちます。 hostsフ…

インラインブロック要素の特徴 要素の幅は中身と同じ大きさになる 要素同士が横に並ぶ 幅（width）と高さ（height）が指定できる 余白（padding・margin）が指定できる 親要素に「te…

object-fit: cover;　高さ固定、横幅だけ伸縮 画像の高さを固定して、伸縮させると、画像が縦に潰れてしまいます。 「object-fit」プロパティを使って、潰れることなくきれいに表示さ…

怠け者ブロガー「セクションタイトルの文字の下に、文字幅だけに線を引きたい。文字幅を超えて、長い線になってしまう。どうしたらいい？」 html <h2 class=”section__title”…

Flexboxの基本的な書き方 htmlコードを書くときに使いたい【flexbox】の書き方の覚書です。 flex-direction　　子要素を並べる flex-wrap　　子要素を折り返し fle…