-
【FlexBoxで簡単に横並び】を実現!定番プロパティやレイアウトを解説
2021/11/13 Webデザイン
「display: inline-block;」でブロック要素を横並びにできますが、それよりも簡単に横並びにできるFlexbox。 この記事では、Flexboxの基本的な使い方とよく使われているプロパ ...
-
【CSS】インラインブロック要素の特徴と使い方をわかりやすく解説
2021/11/13 Webデザイン
HTML、CSS を学習していると「ブロック要素でも横並びにするにはどうするればいい?」「インライン要素の幅と高さを指定したいけど、どうやる?」などといった疑問がでてくると思います。 今回の記事は、そ ...
-
【HTML】ブロック要素とインライン要素の違いをわかりやすく解説
2021/11/13 Webデザイン
Webサイトを作るために必ず理解しないといけないブロック要素、インライン要素。その違いを正しく理解していないと、Webサイト作成時に幅や高さ、余白指定がうまくいかないときがあります。 今回は、その2つ ...
-
CSS【paddingとmarginの違い】余白の作り方解説
2021/11/13 Webデザイン
WEB ページ上に余白を作る「padding」と「margin」。 それぞれの違いや、どちらを使えば良いか分からず、なんとなく使っている方も多いのではないでしょうか?また、理解しているつもりでも、実際 ...
-
CSS【paddingとmarginの使い分け】余白の作り方の解説
2021/11/13 Webデザイン
WEBページ上に余白を作る「 padding 」と「 margin 」の違いが明確にわからず、使い分けが難しいですよね。 この記事では、CSS 初心者でも padding と margin の使い分け ...