HTMLの見た目を整えるCSSの概要【CSSを書いていこう】

    目次

    HTMLの見た目を整えるCSSの概要について確認していきます。

    CSSの概要

    前回まででHTMLについての概要を見てきました。

    詳しくは『入力した値を送信する方法を見てみよう【HTMLを書いていこう】』を御覧ください

    今回からはCSSについて学んでいきます。

    CSSはHTMLで書いた文章をより見やすくするための言語で大抵のウェブサイトはHTMLとCSSを組み合わせることによって作られています。

    CSSの出来ることはページのスタイリングで色をつけたり要素を左右に振り分けたり要素にアニメーションを与えたりとかなり多岐にわたります。

    流れ

    具体的には

    • 基礎文法で基本的な書き方
    • セレクターでは要素を指定する方法
    • FlexBoxやグリットでは自由な要素の配置方法
    • アニメーションで要素を動かす方法
    • スマートフォンに対応させる方法

    などもやっていきたいと思います。

    使用ブラウザ、エディタの確認

    今回もHTMLのときと同様にVScodeChromeブラウザを使っていきますので準備しておきましょう。

    VS Codeのダウンロード方法はこちら

    Chromeの使い方はこちら

    以上






    この記事が気に入ったら
    いいね または フォローしてね!

    よかったらシェアしてね!
    • URLをコピーしました!
    目次