CSSとは? 〜初心者編〜

2020年8月13日

CSSとは? 〜初心者編〜

CSSとは、何でしょう。
HTMLも難しかったのに、今度はCSS!!
少しずつ整理していこうと、思います。

1.CSSとは?

CSSとは、HTMLで入力した文章に、色をつけたり、文字の大きさを変えたり、
リンクをボタンにしたり、配置を変えたり、デザインしていくための言語です。
HTMLとセットで使います。

2.CSSの書き方

CSSの書き方は、セレクタ {プロパティ:値;}を書きます。

セレクタ { プロパティ : 値 ; }

どこ(h 見出し){ 何(color 色を) : どうする(red 赤くする) ; }
どこ(p 段落の){ 何(font-size 文字の大きさを) : どうする(10px 10pxにする) ; }

3.HTMLのタグに名前をつける

id名

HTMLのタグの中に<タグ名 id="id名">を入力します。
CSSの方に#id名{}を入力します。

1回だけしか使えないので、そこでしか使わないCSSを使います。
優先順位が高いです。

class名

HTMLのタグの中に<タグ名 class="class名">を入力します。
CSSの方に.class名{}を入力します。

何回も使えるので、同じCSSの指定ができます。

4.CSSの注意点

  • 一番上に @chartset"utf-8″; と記入します。
  • 半角で記述しないと反映しません。
    スペースも半角にしないと、反映しません。
  • 一気にCSSを書かない。
    少しずつ書いて、一つ一つ確認しながら、入力した方がいいです。

CSS

Posted by decotto703