【しーえすえす】
CSS とは?
💡 ウェブページに「見た目」を着せるスタイリスト
📌 このページのポイント
- HTMLの構造に対して色・フォント・余白・配置などの見た目を指定する
- HTMLとCSSを分離することでデザイン変更が楽になる
- セレクタで「どこに」プロパティで「どんなスタイルを」適用するか指定する
- レスポンシブデザインやアニメーションもCSSで実現できる
CSSって何?
ウェブページの見た目を決める言語だよ。HTMLが「ここは見出し、ここは段落」と構造を決めるのに対して、CSSは「見出しの色は青、フォントサイズは24px」みたいにデザインを指定するんだ。
HTMLの中に直接書いてもいいの?
書けるけど、普通は別ファイル(.cssファイル)に分けるんだ。構造とデザインを分離しておくと、デザインだけ変えたいときにCSSだけ修正すれば済むから効率がいいよ。
セレクタって何?
「どの要素にスタイルを適用するか」を指定する部分だよ。h1なら全部の見出しに、.classNameなら特定のクラスが付いた要素に、#idNameなら特定のIDの要素にスタイルが当たる。セレクタの書き方を覚えるのがCSS上達の第一歩だね。
Cascading(カスケーディング)ってどういう意味?
まとめ:ざっくりこれだけ覚えればOK!
「CSS」って出てきたら「ウェブページの見た目を決める言語のことだな」と思えればだいたいOK!
📖 おまけ:英語の意味
「Cascading Style Sheets」 = 段階的に適用されるスタイルシート
💬 Cascadeは「滝のように段々と流れ落ちる」という意味。複数のスタイル指定が優先順位に従って段階的に適用されるからこの名前だよ