この記事のまとめ マージンは『m-○(数字)』で指定できる パディングは『p-○(数字)』で指定できる mt-1などで単一方向の余白も設定可能 Gridに対応しているのでレスポンシブデザインにも対応可能   W...

CSSの最も基本となるのが【width】プロパティです。 横幅を指定する一見単純なプロパティなのですが、サイズの指定するにはいくつかの方法があり、どれを使えばいいか悩むこともありますよね。 今回はCSSのwidthの使い...

CSSの基本となるスキルとして必須ともいえるのが『余白』です。 しかし、そこでややこしくなるのが『margin』と『padding』です。 この2つはどちらも余白を空けることができるプロパティですが、違いがよく分からない...

CSSで枠線を付けたい時ありますよね。 そんな時に使うプロパティが【border】です。 枠線は頻出するデザインですので、Webページをコーディングする上ではぜひ覚えておきたいプロパティになります。 今回は実際のコーディ...

CSSで背景画像を透過させたい時ありますよね。 単純に背景を透過させるだけでならopacityプロパティを使えばすぐにできます。 しかし、重ねた文字は透過させたくないとなるとopacityでは重ねた文字まで透過されてしま...

  今のHTML、CSSコーディングで必須で求められるのは『レスポンシブデザインへの対応』です。 PCデザインだけでなく、スマホ画面でもレイアウトの崩れなくコーディングする必要があります。 そんなレスポンシブデ...