CSSとは

2020年8月3日

CSSとはCascading Style Sheets（カスケーディング・スタイル・シート）の略で、ウェブページを装飾するための言語。

「スタイル」とか「スタイルシート」と呼ぶことが多い

何のために？

人間（以降「ユーザー」）に対して、読みやすく理解しやすい表示を作るため

端的に言ってしまうと「認識しやすいUI」を作るため

やらないとどうなる？

  • 読みにくいサイトになる
  • 目的を果たす前に挫折してしまう
  • 見る意欲・読む意欲がわかなくなる

結果、ユーザーが離れる

CSSの無いボタン要素

See the Pen
no CSS by takahiro kobayashi (@kobataka)
on CodePen.

CSSのあるボタン要素

See the Pen
CSS by takahiro kobayashi (@kobataka)
on CodePen.

どっちのほうが押したくなりましたか？

今回はボタンのみで試しましたが、実際のWebサイト上ではボタン形状以外のテキストリンクなどもあるので、それに混ざって1つ目の「送信する」があると、間違って押してしまう事も起こってしまいます。

Webサイトのデザインを作る上でとても重要で奥が深い言語となっております。

詳しい内容は別途、記事書いていこうと思います。

CSS

Posted by takahiro