CSSの基礎

スタイルシートとは

CSS (Cascading Style Sheets)スタイルシートは、CSS(シーエスエス)とよばれています。HTMLにスタイル機能を提供し表示を制御するための言語です。CSSを使用すると、ウェブページのレイアウトを整えることができます。ウェブページの余白や文字の大きさ、色など

セレクターには、「パターン」と呼ばれる条件が多数定義されています。セレクターの種類をいくつかご紹介しましょう。セレクターの種類*ユニバーサルセレクタ(全称セレクター)すべての要素が対象タグセレクタタイプセレクタータグを直接指定する特定のタグ名を指定IDセレクター

テキストの色 colorテキストの色を指定することができます。以下の記述は、見出し<h1>のテキスト色を「赤」にする指定になります。h1{color:#ff0000;}テキストの色を変更してみましょう。色の値には、「色コード」または「色名」を指定します。【カラー

フォントの種類font-familyユーザーの環境によって表示するフォントの種類が異なるので、複数のフォントを指定するのが一般的です。また、特別に見せ方への拘り、デザイン的な事由などの事情を除き、ゴシック体で表示させるのが一般的です。2025年現在、MacやiPhone

ハイパーリンクによる動作リンク部分をユーザーの動作に応じて、見た目を変えることができます。リンクには、別のウェブページに誘導したり、ファイルをDLしたり、メールアドレスを立ち上げたり様々な挙動があります。リンク擬似クラスハイパーリンク(a href=””)による部

CSSの背景プロパティは、要素の背景に色や画像を設定してデザインを整えるためのものです。ページの雰囲気を大きく変える重要なスタイルです。background-color以下の記述は、背景を赤色にすることができます。background-color:#ff0000;c

floatの役割要素を左右に寄せて、文字や他の要素を回り込ませることができます。floatプロパティを適用された要素は、その親要素コンテンツ領域の「右上」または左上に配置されます。また、後続の要素は、floatが適用された要素を避けるように配置されます。float:値flo

ボックスとは要素は「四層でできた一つの箱（ボックス）」として扱うと覚えればレイアウトが理解しやすくなります。CSSにおけるボックス要素は「ここから → ここまで」で範囲が決まり、ひとつの箱に入れるイメージになります。ボックスは、特定の範囲をひとつのグループにし、「ブロック要素」として、ひと