Webサイトを作ってみよう|連載

要素を横並びにする、フレックスボックスの使い方①【CSS基礎】

CSSの基本的な使い方も大詰め、レイアウトの要でもある要素の横並びについて学びます。 ブロックボックスは縦に並ぶ 要素を...
Webサイトを作ってみよう|連載

要素をセンターに寄せる【CSS基礎】

要素を真ん中に寄せるには、前回の「ボックスモデル」を理解した上で、CSSを設定しないとうまく制御できません。 テキストや...
Webサイトを作ってみよう|連載

要素サイズの調整と余白の設定【CSS基礎】

CSSを使ってレイアウトするには、要素サイズの制御方法を知っておく必要があります。この記事では要素のサイズと余白の設定に...
Webサイトを作ってみよう|連載

よく使うCSSプロパティ一覧【CSS基礎】

CSSのプロパティは200以上、HTMLの要素以上の数があるんだよ。 えっ、そんなにあるんですか? ただHTMLと同じく...
Webサイトを作ってみよう|連載

疑似クラスと疑似要素【CSS基礎】

CSSのセレクターには「疑似クラス」と「疑似要素」というものが使用できます。必ずしも使用しなくてもCSSのコーディングは...
Webサイトを作ってみよう|連載

CSSの子孫セレクタと詳細度【CSS基礎】

今回はCSSのセレクタを少し深堀りしていきます。 CSSのセレクタについて <h2 class="fruits">お取り...
Webサイトを作ってみよう|連載

class名(クラス)とid名(アイディー)【CSS基礎】

CSSのセレクタは常に「タグ名」を使うのですか? 実はCSSのセレクタは「タグ名(要素名)」よりも「class名」という...
Webサイトを作ってみよう|連載

CSSの記述方法と記述場所【CSS基礎】

HTMLの基礎の次はCSSのお勉強を始めます。 またまた頑張ります。 CSSはこんな言語 CSSは「Cascading ...
Webサイトを作ってみよう|連載

HTMLタグの入れ子ルール【HTML基礎】

今回はHTMLタグのまとめとして、タグの入れ子ルールを見ておきましょう。覚える必要は無いので、分からなくなったらこのペー...
Webサイトを作ってみよう|連載

「aタグ」と「imgタグ」に属性を設定する【HTML基礎】

よく使うaタグとimgタグは属性というものを設定しないと、ちゃんと動作しません。今回はaタグとimgタグへの属性の追記方...