悩み解決
-
Flexboxの参考事例、効果的なレイアウトの実例
Flexboxの概要と基本原則 Flexboxは、Webデザインにおけるレイアウトの柔軟性を向上させるための強力なツールです。このセクションでは、Flexboxの基本的な概要と原則について解説します。 Flexboxは、 […]
-
CSSや画像が反映されない!正しいパスの書き方と外部ファイルの読み込み
読み込めなくて困っているんだから早く教えて!という人はこちらから 今回はWEB制作学習を始めるほとんどの人がぶつかるであろう「パス」について解説します。 今回の記事のポイントは以下の4点。 POINT パスには「絶対パス […]
-
before/afterって何?CSSの疑似要素の使い方について解説
CSSのプロパティで「before」と「after」というものがあります。 これらは疑似要素と言われ、CSS側で疑似的に要素を追加するというものです。 必ず使わなくてはいけないわけでないですが、このbeforeやafte […]
-
CSSの基本文法とファイルの書き方について解説
CSSの記述は「セレクタ」「プロパティ」「値」の3つで記述されています。 この3つを用いて記述することがCSSの基本文法です。 CSSはHTML内に記述することもできますが、推奨されておらず、一般的にはCSSファイルを別 […]
-
【一発で解決】margin 0 autoが効かない理由と意味
早速ですがmargin:0 auto;が効かない時は以下のことを確認してみてください。 displayの値が「inline」「inline-block」以外になっているか widthを指定しているか positionやf […]
-
【CSS】マージンとパディングが効かない時の注意点と違いについて
「マージンやパディングが効かないんだけど!!」 WEB制作を学び始めたばかりの時、自分もありました。 結論から言うと、「インライン要素にかけていませんか?」 ということ。 要するに、マージンやパディングをかけている要素が […]
-
【10秒で解決】text-alignが効かない!displayとの関係
WEB制作を始めたばかりのうちはtext-alignが効かない!ということがよくあります。 結論から言うとtext-alignが効かないのは、text-alignをかける場所が違うからです。 text-alignが効かな […]