一覧に戻る
Lv.1

CSS

Cascading Style Sheets

Webページの見た目やレイアウトを指定するための言語

名前のヒミツ

Cascading Style Sheets(カスケーディング・スタイル・シート)の略。 Cascadingは「連鎖する」「階段状の滝」といった意味で、Style Sheetsは「デザインの指示書」のこと。 デザインの指定が重なったときに、どのルールを優先して適用するかを決める仕組みを表しているんだ。

簡単に説明すると

CSSは、Webページの「見た目」を決める着せ替え担当のこと。 HTMLが「ここは見出し」「ここは画像」という骨組みを作るのに対して、CSSは「文字を赤くする」「画像を真ん中に置く」「背景を青にする」といった飾り付けを行うんだよ。 これがないと、Webページはとてもシンプルな見た目になってしまうんだ。

くわしく見てみよう!

CSSとは、Webサイトの文字の色、大きさ、配置などのデザインを指定する言語のこと。
Webページを作るときに、HTMLとセットで必ずと言っていいほど使われる技術だよ。

HTMLがWebページの「骨組み」や「意味」を作るのに対し、CSSはその骨組みを「飾り付ける」役割を持っているんだ。
例えば、HTMLで書かれた文章のフォントをおしゃれにしたり、ボタンを立体的に見せたり、スマートフォンで見るときとパソコンで見るときでレイアウトを自動で切り替えたりすることができるよ。

CSSを使うことで、見た目の情報をHTMLから切り離して管理できるのが大きなメリットなんだ。
一つのCSSファイルを修正するだけで、何百ページもあるWebサイト全体のデザインを一気に変えることもできるから、効率よくWebサイトを運営するために欠かせない仕組みなんだよ。