CSSでできること CSSは、HTMLで作成された文書に対して主に色や大きさなどの見た目の指定を行います。 以下のようなHTML文書があるとします。CSSが適用されていない場合の状態です。 CSSをHTMLで読み込み、スタイルを適用すると画面ではこのようになります。 背景色や文字の色が変更されたり、画像やボタン・文字列などが中央寄せになったり、ボタンにマウスカーソルを合わせるとアニメーションによって浮き上がったりします。このようなレイアウト・デザインに関する役割をCSSが行います。 スタイルシートが必要な理由 以前はHTMLのタグによってスタイルの指定も行われていました。 文字の大きさと色をHTMLで変更した場合の例 <font size="20px" color="red">テキスト</font> 現行のHTML5では<font>(文字の大きさや種類、色を指定する)などのスタイルに関する
![スタイルシート(CSS)の基本的な書き方【初心者向け】](https://cdn-ak-scissors.b.st-hatena.com/image/square/362a864d6427a9545f743c616ab664e67ab9d3a0/height=288;version=1;width=512/https%3A%2F%2Fmagazine-cf.techacademy.jp%2Fwp-content%2Fuploads%2F2017%2F04%2F13143144%2F9d0b6750d4438d24d562c0234ca3a8a9-800x450.jpg)