最終更新日:
CSSとは、Webページの色・文字の大きさ・配置など、見た目を指定するための言語です。
CSSは Cascading Style Sheets の略です。HTMLが文章の構造を表すのに対して、CSSは見た目を受け持ちます。文字の書体や大きさ、余白、色、画面の幅に応じた並べ方などを指定します。構造と見た目を分けることで、同じ指定を多くのページで使い回せます。
スマートフォンとパソコンで画面の並びを変えるレスポンシブデザインも、CSSで実現します。サイト全体で色や文字の大きさの決まりをまとめておくと、ページを増やしても見た目がそろい、デザインの変更もまとめて行えます。デザインシステムを作るときの土台にもなります。
ページごとに場当たりで指定を足していくと、どこを直すと何が変わるのかが分かりにくくなり、修正に時間がかかるようになります。制作を頼むときは、見た目の決まりをどうまとめるかや、文字の大きさと色の濃さの差が読みやすさの基準を満たすかも確かめておきます。
関連する用語
- HTMLWebページの文章に、見出し・段落・リンクなどの意味と構造を与えるための言語です。
- レスポンシブデザイン一つのWebページが、画面の大きさに合わせて見やすい形に変わるようにする作り方です。
- デザインシステム色や文字、ボタンなどの部品と使い方の決まりをまとめ、画面のデザインと実装をそろえるためのしくみです。
- JSONデータを「項目名と値」の組み合わせで表す、文字だけで書かれたデータの形式です。
- Java大規模な業務システムや基幹システムで長く使われてきた、型の決まりが厳しいプログラミング言語です。
- JavaScriptブラウザの中で動き、Webページに動きや操作への反応を加えるプログラミング言語です。