CSSとは?サイトの見た目を整えるための設定

この記事で分かること

CSS が何か、サイトの見た目を整えるためにどう使われるのか、表示崩れとどう関係するのかをやさしく整理した辞書ページです。

目次

ひとことで言うと

CSS は、 サイトの色、文字の大きさ、余白、横幅など、 見た目を整えるための設定です。

この記事で分かること

  • CSS が何か
  • どんな時に出てくるか
  • 表示崩れとどう関係するか

どんな時に出てくる言葉か

CSS という言葉は、 サイトのデザインを整える時や、 表示崩れを直したい時によく出てきます。

たとえば、

  • 文字の大きさを変えたい
  • 余白を調整したい
  • スマホだけ崩れるのを直したい

ような時です。

たとえばこんな場面

「見た目を少しだけ直したい」 と思って調べると、 CSS という言葉がよく出てきます。

CSS は見た目を整えるために便利ですが、 触る場所を広げすぎると、 他の部分まで変わってしまうことがあります。

そのため、 どのページで、どの端末で、どの部分が崩れているかを先に分けて見ることが大切です。

HTMLとの違い

HTML は中身や構造を作る側、 CSS は見た目を整える側、 と考えると分かりやすいです。

どちらも大事ですが、 CSS は特に 「見え方」 に強く関係します。

ここだけ覚えれば大丈夫

  • CSS はサイトの見た目を整える設定です
  • 文字、色、余白、横幅などに関係します
  • 表示崩れの時は、広く触る前に条件を分けて見た方が進めやすいです

関連記事

  • CSSが効かない時の確認ポイント
  • WordPressで表示が崩れたとき、最初に切り分けたい5つのポイント

迷ったらここから

CSS をどこから見ればいいか迷う時は、 まずは 切り分け診断 からで大丈夫です。

目次