CSSを一言でいうと、「ウェブサイトの見た目を整えるための言語」です。
まもっ斗
CSS！何それ！？
CSSは『Cascading Style Sheets』の略です。
調べると、こんなイメージらしい。
ウェブサイト→「建物」
CSS→「内装や外装（デザイン）」
まだよくわからない！
役割のイメージ：HTMLとの違い
ウェブサイトを作るときに使うのは、主に2つの言語です。
HTMLだけで書かれたサイトは、文字が並んでいるだけの質素なものになります。
CSSを加えて編集することで「見やすく」「おしゃれな」サイトになります。
CSSでできること
CSSを使うと、下のような調整が自由にできます。
- 文字のデザイン：色を変える、大きさを変える、フォント（書体）を選ぶ。
- 色の設定：背景に色をつけたり、グラデーションにしたりする。
- レイアウト：画像を右側に寄せる、メニューを横に並べる、余白を作る。
- アニメーション：ボタンにマウスを乗せたときに色をふわっと変える。
- スマホ対応：画面の大きさに合わせて、自動的にレイアウトを調整する。
使いこなせたら便利だね！
基本的な書き方
CSSは、
- 「どこを（セレクタ）」
- 「何を（プロパティ）」
- 「どうする（値）」
という3つのセットで書きます。
- セレクタ（h1）：見出しの「h1」に対して
- プロパティ（color / font-size）：色を / 文字の大きさを
- 値（blue / 20px）：青にする / 20ピクセルにする
みたいな感じですね。
CSSを学ぶメリット
使いこなせれば、こんなメリットがありそう！
- かっこいいサイトが作れる：デザインの幅や自由度が広がる。
- 世界中で使われている：ほぼすべてのウェブサイトでCSSが使われているため、一度覚えれば一生モノのスキルになります。
- 効率的に修正できる：1か所のCSSを書き換えるだけで、サイト全体の文字色を一気に変えることも可能です。
勉強してかっこいいサイトが作れると楽しい！
それでは、良い一日を！
コメント